title: How can I add text under images that I have aligned horizontally in HTML and CSS
body: <p>I am a newb.  I have finally figured out how to get images aligned on my main page in my index.html along with code in my default.css.</p>
  
  <p>Now I would like to add text under each image.  I know this should be easy, but am not able to find anything that seems to work.</p>
  
  <p>Here is my HTML Code:</p>
  
  <pre><code>&lt;div id="random"&gt;
      &lt;img src="1.jpg" /&gt;
      &lt;img src="2.jpg" /&gt;
      &lt;img src="3.jpg" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my CSS code:</p>
  
  <pre><code>#random{ 
       max-width: 650px
  }
  
  #random img{
      display:inline-block;
      width:80px;
  }
  </code></pre>