title: CSS Display in-line block vertically instead of horizontally
body: <p>I have a list items similar to the one below using display in-lineblock</p>
  
  <p><a href="https://i.stack.imgur.com/a4kkH.png" rel="nofollow noreferrer">List of Blocks</a></p>
  
  <p>Is there a way in which i can have the list of items display in this way instead. </p>
  
  <p><a href="https://i.stack.imgur.com/TVng7.png" rel="nofollow noreferrer">List of Blocks listed downwards</a></p>
  
  <p>I've tried doing the code below which i found in this question <a href="https://stackoverflow.com/questions/15825118/css-displaying-elements-vertically-down-instead-of-hortizontal-straight">CSS displaying elements vertically down instead of hortizontal straight</a>
  However my items just carried on in a list outside of the div rather than going in the list style i want</p>
  
  <pre><code>img {
  display: block:}
  
  .container &gt; div {
  float: left;}
  </code></pre>
  
  <p>Any help is appreciated</p>