title: Make an <a> tag move onto a new line, without using "display:block"
body: <p>I would like the navigation links on <a href="http://carolineelisa.com/">this page</a> to each appear on their own line:</p>
  
  <p>A. Without using "<code>display:block</code>" - as that makes the hover animation take up the full width of the container, not just the <code>&lt;a&gt;</code> element.</p>
  
  <p>B. Without using <code>&lt;br&gt;</code> tags, as I am eventually looking to create a responsive site with a horizontal navigation on smaller screens.</p>
  
  <p>Thanks for your help.</p>