title: Dropping inline divs to a new line
body: <p>Sorry, I'm sure this question has been asked before, but if there anyway to do the following:</p>
  
  <p>I have three divs in-line like the diagram shown below, when the browser window is shrunk it automatically drops each div to the next line. I know that I could use the @media command and assign a different css stylesheet if the browser is a certain size, but it would be great if I could make it fluid.</p>
  
  <p>Before:</p>
  
  <p><img src="https://i.stack.imgur.com/RJkw1.png" alt="Browser wide"></p>
  
  <p>After:</p>
  
  <p><img src="https://i.stack.imgur.com/yiEZ1.png" alt="Browser narrow"></p>
  
  <p>Thank you!</p>