title: HTML page with horizontal tabs
body: <p>How do I create horizontal tabs like this: <a href="http://i.imgur.com/m81yupV.png" rel="nofollow">http://i.imgur.com/m81yupV.png</a> ?</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;label class="formlabel"&gt;Title 1:&lt;/label&gt;
  &lt;div id="radio_form"&gt;
      &lt;label&gt;&lt;input type="radio" value="1" name="status"&gt;Activated&lt;/label&gt;
      &lt;br&gt;
      &lt;label&gt;&lt;input type="radio" value="0" name="status"&gt;Deactivated&lt;/label&gt;
      &lt;br&gt;&lt;br&gt;
  &lt;/div&gt;
  &lt;label class="formlabel"&gt;Title 2:&lt;/label&gt;
  &lt;input name="input2" type="text" class="forminput" /&gt;
  &lt;label class="formlabel"&gt;Title 3:&lt;/label&gt;
  &lt;input name="input3" type="text" class="forminput" /&gt;  
  
  &lt;input class="formsubmit" type="submit" name ='submit' value="Save"&gt;
  </code></pre>
  
  <p>I would like to have title/input 3 on  tab 2 for example, could i do this with CSS using divs and styling? </p>
  
  <p>If someone have a solution that include jQuery or JavaScript please share it.</p>
  
  <p>I hope someone could help, thanks in advance.</p>