テーブルセルをオフセットする

Question

私は4x4ラジオボタンの表を持っています。最初の行（4x4を上回る余分な行）では、ボタンを水平にしたいと思います。私はcolspanなどを試みましたが、他のすべての列にラジオボタンを残しています。このよう

Answer 1

http://jsfiddle.net/EJbny/

<table style='width:100%;' border=1> 
<tr> 
    <td colspan=4 style='text-align:center;'><input type='button' value='hello'></td> 

は

Answer 2

？一番上の行には、CSSとtext-align:centerルールを使用してください。ここにはjsFiddle exampleがあります。

<table> 
    <tr> 
     <td colspan="4" style="text-align:center"><input type="radio" /></td> 
    </tr> 
    <tr> 
     <td><input type="radio" /></td> 
     <td><input type="radio" /></td> 
     <td><input type="radio" /></td> 
     <td><input type="radio" /></td> 
    </tr> 
    <tr> 
     <td><input type="radio" /></td> 
     <td><input type="radio" /></td> 
     <td><input type="radio" /></td> 
     <td><input type="radio" /></td> 
    </tr> 
    <tr> 
     <td><input type="radio" /></td> 
     <td><input type="radio" /></td> 
     <td><input type="radio" /></td> 
     <td><input type="radio" /></td> 
    </tr> 
    <tr> 
     <td><input type="radio" /></td> 
     <td><input type="radio" /></td> 
     <td><input type="radio" /></td> 
     <td><input type="radio" /></td> 
    </tr> 
</table> 

Answer 3

必須表レス回答：

<div> 
    <div class="center"><input type='button' value='hello' /></div> 
    <ul class="radioList"> 
     <li> 
      <label for="radio1"> 
       <input type="radio" id="radio1" /> 
       Checkbox 1</label> 
     </li> 
     <li> 
      <label for="radio2"> 
       <input type="radio" id="radio2" /> 
       Checkbox 2</label> 
     </li> 
     <li> 
      <label for="radio3"> 
       <input type="radio" id="radio3" /> 
       Checkbox 3</label> 
     </li> 
     <li> 
      <label for="radio4"> 
       <input type="radio" id="radio4" /> 
       Checkbox 4</label> 
     </li> 
    </ul> 
</div> 

.center { text-align:center; } 
.radioList { 
    list-style:none; 
    width:100%; 
} 
.radioList li { 
    float:left; 
    width:25%; 
} 

http://jsfiddle.net/Amudt/