html - 偏移表格单元格

Question

我有一个 4x4 的单选按钮表。在第一行(4x4 上方的额外一行)我想要一个水平居中的按钮。我已经尝试过 colspan 等，但都像其他人一样将单选按钮留在一列中，因此未居中。

Answer 1

强制性无表答案:

<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/