<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/kg42f7k4dgnp3xk/tabs.css" charset="utf-8" /><div class="radio-tabs">
 
   <input class="state" type="radio" title="Starks" name="houses-state" id="starks" checked /> <input class="state" type="radio" title="Lanisters" name="houses-state" id="lannisters" /><input class="state" type="radio" title="Targaryens" name="houses-state" id="targaryens" /> <div class="tabs"><label for="starks" id="starks-tab" class="tab">Starks</label><label for="lannisters" id="lannisters-tab" class="tab">Lannisters</label> <label for="targaryens" id="targaryens-tab" class="tab">Targaryens</label>
   </div><div class="panels">
       <ul id="starks-panel" class="panel">
           <li>Eddard</li>
           <li>Catelyn</li>
           <li>Robb</li>
           <li>Sansa</li>
           <li>Brandon</li>
           <li>Arya</li>
           <li>Rickon</li>
       </ul>
       <ul id="lannisters-panel" class="panel">
           <li>Tywin</li>
           <li>Cersei</li>
           <li>Jamie</li>
           <li>Tyrion</li>
       </ul>
       <ul id="targaryens-panel" class="panel">
           <li>Viserys</li>
           <li>Daenerys</li>
       </ul>
   </div>

</div>