title: How to align text below an image in CSS?
body: <p>HTML</p>
  <pre><code>  &lt;div class=&quot;image1&quot;&gt;
        &lt;img src=&quot;images/img1.png&quot; width=&quot;250&quot; height=&quot;444&quot; alt=&quot;Screen 1&quot;/&gt;
        &lt;img src=&quot;images/img2.png&quot; width=&quot;250&quot; height=&quot;444&quot; alt=&quot;Screen 2&quot;/&gt;
        &lt;img src=&quot;../images/img3.png&quot; width=&quot;250&quot; height=&quot;444&quot; alt=&quot;Screen 3&quot;/&gt;
    &lt;/div&gt;
  </code></pre>
  <p>If I add a paragraph text between img1 and img2 they get separated (img2 goes to a newline)</p>
  <p>What I'm attempting to do is this (with some space between the images):</p>
  <pre><code>[image1] [image2] [image3]
   [text]   [text]   [text]
  </code></pre>
  <p>I haven't given the images their own individual class names because the images don't align horizontally to one another.</p>