html - 将单选按钮左对齐的最佳方法是什么？

Question

我有一堆单选按钮，还有一个

<br/>

在每一个之后，它们似乎都水平居中对齐(即使我放置了一些表示左对齐的 CSS)。

这是CSS，

.radioLeft
{
    text-align:left;
}

这是 HTML:

 <input checked="checked" class="radioLeft"  name="CalendarType" value="1" type="radio"><b>Person </b>(False) <br>
 <input checked="checked" class="radioLeft"  name="CalendarType" value="2" type="radio"><b>Event </b>(False) <br>
 <input checked="checked" class="radioLeft"  name="CalendarType" value="3" type="radio"><b>Release</b>(False) <br>

Answer 1

您不应该将此样式应用于 radio ，而应应用于它们所在的容器，在这种情况下您可以添加一个 div:

<div class="radioLeft">
  <input checked="checked" name="CalendarType" value="1" type="radio"><b>Person </b>(False) <br>
   <input checked="checked" name="CalendarType" value="2" type="radio"><b>Event </b>(False) <br>
   <input checked="checked"  name="CalendarType" value="3" type="radio"><b>Release</b>(False) <br>
</div>