title: Text between two image?
body: <p>I am new to html/CSS and trying to put text between two images. using the following code, I was able to do that. But if I have to much text, the format goes out of order as shown in <code>figure 1</code>. Can you please tell me how can I make my website look like <code>Figure 2</code>?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
    &lt;div class="header"&gt;
      &lt;img src="http://www.w3schools.com/browsers/pic_chart.jpg" style="vertical-align: middle"/&gt;
      &lt;a href="http://www.w3schools.com" style="font-family:Georgia;color:black;font-size:17px;"&gt;The site provides a reference manual covering many aspects of web programming, including technologies such as HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL etc. W3schools presents thousands of code examples. By using the online editor provided, readers can edit the examples and execute the code experimentally.&lt;/a&gt;
      &lt;img src="http://www.w3schools.com/browsers/pic_chart.jpg" style="vertical-align: middle"/&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Figure 1:</strong>
  <img src="https://i.stack.imgur.com/YlBmN.jpg" alt="enter image description here"></p>
  
  <p><br>
  <strong>Figure 2:</strong>
  <img src="https://i.stack.imgur.com/3ymy8.jpg" alt="enter image description here"></p>