How to make wrapping a "figure"?
Don't understand why isn't wrapping around images text. Please help to understand.
Here is the code:
HTML
AND CSS
Here is the code:
HTML
<!DOCTYPE html>
<html lang="EN">
the <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Example</title>
</head>
<div class="box">
<figure class="picture">
<img
src="Sam_Houston_portrait.jpg"
title="Houston"
alt="Here should be photos of Houston."
width="25%"
height="25%"
>
<figcaption>Samuel Houston</figcaption>
</figure>
<p>the Town is named after Samuel Houston, commander in chief of the Texas army during the Texas revolution (1835-1836) and the President of the Republic of Texas (1836-1838, 1841-1844).</p>
<p>the Official nickname of Houston is "Space city" which can be translated as "space city," "city space" or "cosmogram". The name was given due to the fact that there
is the space center Lyndon B. Johnson. The city has just 12 names.</p>
<p>In American colloquial speech is a popular phrase: "Houston, we have a problem" (eng. Houston, we've had a problem), which appeared after the failed mission of Apollo 13.
In Houston were shooting the movie "Apollo 13", the plot of which went to the actual events of the mission.</p>
</div>
</body>
</html>AND CSS
.text{
color: rgba(31, 31, 31, 0.863);
}
.picture{
float: right;
}
.box{
margin: 25%;
border: 2px solid rgba(44, 25, 25, 0.466);
padding: 2%;
} asked April 19th 20 at 12:41
2 answers
answered on
Solution
https://jsfiddle.net/xyzus9b2/
and the width and height attributes should not be size in %
and the width and height attributes should not be size in %
Thank you very much! Helped!) - Nash_Heidenreich80 commented on April 19th 20 at 12:46
answered on April 19th 20 at 12:45
this tag does not exist
https://developer.mozilla.org/ru/docs/Web/HTML/Ele... commented on April 19th 20 at 12:48
Tag
https://developer.mozilla.org/en-US/docs/Web/HTML/... commented on April 19th 20 at 12:51
figure does not exist?? ))https://developer.mozilla.org/en-US/docs/Web/HTML/... commented on April 19th 20 at 12:51
@cali_Wisozk, the fake link commented on April 19th 20 at 12:54
@Branson.Hauck,
yeah, and SPECA is a collection of anecdotes. commented on April 19th 20 at 12:57
fake link
yeah, and SPECA is a collection of anecdotes. commented on April 19th 20 at 12:57
@cali_Wisozk, he had problems with memory, make allowances. commented on April 19th 20 at 13:00