title: CSS to align horizontal label and forms
body: <p>Within my Mako Template ,I display a list of existing "Options", and for each of them I have 5 forms with submit buttons. They are currently displayed like this :</p>
  
  <pre><code>.....
  Option_i
    Buton_i_1
    Buton_i_2
    Buton_i_3
    Buton_i_4
    Buton_i_5
  .....
  </code></pre>
  
  <p>I would like to have the arranged hoorizontally, like this</p>
  
  <pre><code>.....
  Option_i Buton_i_1 Buton_i_1 Buton_i_1 Buton_i_1** 
  .....
  </code></pre>
  
  <p>My current html code to generate an "Option"  looks like this :</p>
  
  <pre><code>&lt;div&gt;
      &lt;div&gt;
          &lt;label class="header_option" &gt;OPTION&lt;/label&gt;
      &lt;/div&gt;
  
  &lt;div&gt;   
      &lt;form name="input" action="action_1" method="get"&gt;
         &lt;input type="submit" value="Submit"&gt;
      &lt;/form&gt;
  
    &lt;form name="input" action="action_2" method="get"&gt;
         &lt;input type="submit" value="Submit"&gt;
    &lt;/form&gt;
   .................
    &lt;form name="input" action="action_5" method="get"&gt;
         &lt;input type="submit" value="Submit"&gt;
    &lt;/form&gt;
  &lt;div&gt;
  </code></pre>
  
  <p>Any suggest towards achieving the desired effect ?</p>