title: how to fix Html divs moving when browser resized
body: <p>Hi i am new to css and i got a problem in coding, I have 4 divs in my html page and i arranged them as two to the left and two to the right of the header. My problem is when i re-size the browser window my divs which are on the right of the header are moving downwards how can i fix this and how can i arange the div with equal distance to the header .. </p>
  
  <p>here is the image of my site what it looks like <a href="http://postimg.org/image/pg1oay3wl/" rel="nofollow">http://postimg.org/image/pg1oay3wl/</a></p>
  
  <p>Please find my html and css here             jsfiddle.net/hmz7g</p>
  
  <p>Please help me in his issue.....</p>
  
  <p>Thanks in anticipation of your help. </p>