將單選按鈕和標籤放置在同一行
在HTML 表單中，可以將單選按鈕及其關聯標籤對齊在一行上具有挑戰性的。為此，可以採用多種 CSS 技術。
建議的HTML 結構定位標籤和輸入元素：
<code class="html"><label for="one">First Item</label> <input type="radio" id="one" name="first_item" value="1" /></code>
要水平對齊它們，請添加以下CSS 規則：
<code class="css">label {
float: left;
clear: none;
display: block;
padding: 0px 1em 0px 8px;
}
input[type=radio],
input.radio {
float: left;
clear: none;
margin: 2px 0 0 2px;
}</code>這會將標籤和單選按鈕放置在彼此旁邊。若要確保多個單選按鈕在同一行對齊，請使用以下標記：
<code class="html"><fieldset>
<div class="some-class">
<input type="radio" class="radio" name="x" value="y" id="y" />
<label for="y">Thing 1</label>
<input type="radio" class="radio" name="x" value="z" id="z" />
<label for="z">Thing 2</label>
</div>
</fieldset></code>使用適當的 CSS 規則，單選按鈕和標籤將在同一行對齊。
以上是如何在 HTML 中將單選按鈕和標籤對齊在同一行？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
