將單選按鈕和標籤定位在同一行上

在HTML 表單中，可以將單選按鈕及其關聯標籤在一行上對齊具有挑戰性的。為此，可以採用多種 CSS 技術。

建議的 HTML 結構定位標籤與輸入元素：

First Item

要水平對齊它們，請添加以下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;
}

這會將標籤和單選按鈕放置在彼此旁邊。若要確保多個單選按鈕在同一行對齊，請使用以下標記：

  

    
    Thing 1
    
    Thing 2
  

使用適當的 CSS 規則，單選按鈕和標籤將在同一行對齊。