title: How do I display inline-blocks vertically on top of each other?
body: <p>The following code will display 3 inline-block elements, collectively centered.  I want to display these elements on top of each other, individually centered.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;form&gt;
      &lt;fieldset&gt;
          &lt;legend&gt;A box&lt;/legend&gt;
          &lt;input type="Submit" name="Submit" value="Submit"&gt;
      &lt;/fieldset&gt;
  
      &lt;fieldset&gt;
          &lt;legend&gt;B box&lt;/legend&gt;
          &lt;input type="Submit" name="NoOptions" value="No Options"&gt;
      &lt;/fieldset&gt;
  
      &lt;span&gt;(Footnote)&lt;/span&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>fieldset { display:inline-block; }
  form { text-align:center; }
  </code></pre>
  
  <p>I'm pretty sure (not entirely) that inline-block is indeed what I want; I want the fieldsets to be as small as possible (like a block), but I want them to be text-aligned (which only applies to inline stuff).  Is there any good way to stack them?</p>
  
  <p>NOTE: These fieldsets may contain block level elements.</p>