title: CSS displaying elements vertically down instead of hortizontal straight
body: <p>I have elements which are wrapped inside a div . The elements are displayed in a horizontal direction inside the div.
  The problem is , I can't figure out how to display the elements vertically down direction.
  I done some research and one solution was to use vertical-align but it doesn't seem to work.</p>
  
  <p>Here an example of what I"m trying to accomplish</p>
  
  <p><a href="http://s9.postimg.org/6i34jzazz/save.jpg" rel="noreferrer">http://s9.postimg.org/6i34jzazz/save.jpg</a></p>
  
  <p>My CSS</p>
  
  <pre><code>  .container {height:500px; width: 700px; background-color:#00B358}
  </code></pre>
  
  <p>My HTML</p>
  
  <pre><code>  &lt;html&gt;
    &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;link rel="stylesheet" href="css/navigation.css"&gt;
    &lt;/head&gt;
  
    &lt;div class="container "&gt;
    &lt;img border="0" src="download.jpg" alt="Pulpit rock" width="304" height="228"&gt;
    &lt;img border="0" src="1.jpg" alt="Pulpit rock" width="304" height="228"&gt;
    &lt;img border="0" src="2.jpg" alt="Pulpit rock" width="304" height="228"&gt;
    &lt;/div&gt;
  </code></pre>