title: arrange block elements in a single horizontal line
body: <p>I dont know, either I am not that good in the art of 'search' or this topic is so so simple that nobody generally asks this but I have been searching this ever since i started my website. 
  I have only four block elements on my webpage.</p>
  
  <ul>
  <li>The first Block element displays on the top alone</li>
  <li>The second, third and fourth block elements, I want arranged in a single horizontal line from next line</li>
  <li>At present I am using the table to do this, but its bad styling, isn't it?!</li>
  <li>Please tell me a way in which I can bring all those 3 block elements in the same line</li>
  </ul>
  
  <p>At present, if I remove the table property, my block elements move to next line.
  This is how it looks if i remove the table property:</p>
  
  <p>^^^^^^^^^Block element: top^^^^^^^^^^^^</p>
  
  <p>^^^^Block2^^^^^</p>
  
  <p>^^^^Block3^^^^^</p>
  
  <p>^^^^Block4^^^^^</p>
  
  <p>I want block elements 2,3,4 in same line like this:
  ^^^^Block2^^^^^  ^^^^Block3^^^^^  ^^^^Block4^^^^^</p>