Смещение ячейки таблицы

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/