title: text-align: justify and images
body: <p>I have a list of images (not in a list, but could be if that might solve the problem) that I want to fill the whole width of a div. I've tried the code at the bottom, and while it does justify any text in the p tag it doesn't do the same for images. How can I get it to evenly space the images across the full width of the div?</p>
  
  <pre><code>&lt;div&gt;
    &lt;p&gt;
      &lt;img src="image1.png" alt="foo" /&gt;
      &lt;img src="image2.png" alt="foo" /&gt;
      &lt;img src="image3.png" alt="foo" /&gt;
      &lt;img src="image4.png" alt="foo" /&gt;
      &lt;img src="image5.png" alt="foo" /&gt;
    &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My CSS:</p>
  
  <pre><code>div { width: 30em; }
  p { text-align: justify; }
  </code></pre>