jQueryのタブナビゲーションパネルにラジオボタンを配置する

Question

タブナビゲーションパネルにthisラジオボタンの種類を配置します。ここで

________________________________________________________ 
|tab1|tab2|tab3|    |button1|button2|button3| 

はHTMLコードです：

  <div id="tabs">        <ul>           
        <li><a href="#tab1"><span>tab1</span></a></li> 
        <li><a href="#tab2"><span>tab2</span></a></li> 
        <li><a href="#tab3"><span>tab3</span></a></li> 
       </ul> 
       <div id="radio"> 
        <input type="radio" id="radio1" name="radio" checked="checked"/><label for="radio1">button1</label> 
        <input type="radio" id="radio2" name="radio" /><label for="radio2">button2</label> 
        <input type="radio" id="radio3" name="radio" /><label for="radio3">button3</label> 
       </div> 

      <div id="tab1"></div> 
      <div id="tab2"></div> 
      <div id="tab3"></div> 
</div> 

これを行うには良い方法は何ですか？そのような何か

または、これを達成するためにラジオボタンの絶対配置を使用する必要がありますか？

UPDATEは

私はdiv要素の中に、タブを包ん

とfloat:leftその上やラジオでfloat:rightそれは

<div id="tabs"> 
<div style="float:left" >  

         <ul><li><a href="#tab1"><span>tab1</span></a></li> 
         <li><a href="#tab2"><span>tab2</span></a></li> 
         <li><a href="#tab3"><span>tab3</span></a></li> 
        </ul> 
</div> 
        <div id="radio" style="float:right"> 
         <input type="radio" id="radio1" name="radio" checked="checked"/><label for="radio1">button1</label> 
         <input type="radio" id="radio2" name="radio" /><label for="radio2">button2</label> 
         <input type="radio" id="radio3" name="radio" /><label for="radio3">button3</label> 
       </div> 

       <div id="tab1"></div> 
       <div id="tab2"></div> 
       <div id="tab3"></div> 
    </div> 

Answer 1

絶対位置決めはあなたの例では必要ありません動作しませんでした。 2つのdivにはfloat: leftとfloat: rightを使用してください。