How to make wrapping a "figure"?

Don't understand why isn't wrapping around images text. Please help to understand.
Here is the code:
<!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">
<div class="box">
 <figure class="picture">
 alt="Here should be photos of Houston."
 <figcaption>Samuel Houston</figcaption>
 <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>

 color: rgba(31, 31, 31, 0.863);
 float: right;
 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
and the width and height attributes should not be size in %
Thank you very much! Helped!) - Frederique.Kuhn24 commented on April 19th 20 at 12:46
April 19th 20 at 12:45
this tag does not exist - dale47 commented on April 19th 20 at 12:48
Tag figure does not exist?? )) - antonetta commented on April 19th 20 at 12:51
@cali_Wisozk, the fake link - aro commented on April 19th 20 at 12:54
fake link

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

Find more questions by tags CSSHTMLLayout