How to make wrapping a "figure"?

Don't understand why isn't wrapping around images text. Please help to understand.
5e9ad400cdc37655653672.png
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%;
}
April 19th 20 at 12:41
2 answers
April 19th 20 at 12:43
Solution
https://jsfiddle.net/xyzus9b2/
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
April 19th 20 at 12:45
this tag does not exist
https://developer.mozilla.org/ru/docs/Web/HTML/Ele... - wyman_Tillman commented on April 19th 20 at 12:48
Tag figure does not exist?? ))
https://developer.mozilla.org/en-US/docs/Web/HTML/... - cali_Wisozk commented on April 19th 20 at 12:51
@cali_Wisozk, the fake link - Branson.Hauck commented on April 19th 20 at 12:54
@Branson.Hauck,
fake link

yeah, and SPECA is a collection of anecdotes. - cali_Wisozk commented on April 19th 20 at 12:57
@cali_Wisozk, he had problems with memory, make allowances. - Daisha commented on April 19th 20 at 13:00

Find more questions by tags LayoutHTMLCSS