title: Displaying images horizontal
body: <p>I have three pictures that I want to display incline, but I can't do it and I can't figure it why.</p>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;div class="nav3"&gt;
  &lt;img class="bild" style="width: 100px; height:100px; align="left"" src="http://s1.bwallpapers.com/wallpapers/2014/01/20/white-rose-picture_111312696.jpg" alt="Mountain View" /&gt;
  
  &lt;img class="bild" style="width: 100px; height: 100px; align="left"" src="http://commun-it.ca/wp-content/uploads/2012/06/Big-Picture-Mountains-credit-blimiers2.jpg" alt="Mountain View" /&gt;
  
  &lt;img class="bild" style="width: 100px; height: 100px; align="left"" src="http://i.telegraph.co.uk/multimedia/archive/03157/Joel-Hindson_3157026k.jpg" alt="Mountain View" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.nav3 {
      background-color: #E9E8C7;
      height: auto;
      width: 150px;
      float: left;
      padding-left: 20px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #333333;
      padding-top: 20px;
      padding-right: 20px;
  }
  
  .bild{
      display:inline-block;
      width: 64px; 
      height: 64px; 
     }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/3Un8J/130/" rel="nofollow">http://jsfiddle.net/3Un8J/130/</a></p>