title: display: inline, but on different lines
body: <p>Inline elements are great, because their width is the width of the content and because it's possible to center them with on rule of CSS:</p>
  
  <pre><code>text-align: center
  </code></pre>
  
  <p>But inline elements stay on the same line. Is it possible to align them vertically?</p>
  
  <p>Fiddle: <a href="http://jsfiddle.net/_bop/NhVaF/" rel="nofollow">http://jsfiddle.net/_bop/NhVaF/</a>
  Full screen fiddle: <a href="http://jsfiddle.net/_bop/NhVaF/show" rel="nofollow">http://jsfiddle.net/_bop/NhVaF/show</a></p>
  
  <p>Please don't:</p>
  
  <ul>
  <li>Change the HTML in the example. Change the CSS!</li>
  <li>Come up with other techniques to center elements, unless you have a better solution that works on elements with unspecified width and doesn't need tons of containers and/or float hacks.</li>
  </ul>
  
  <p>Thanks in advance!</p>