包装时如何防止单选按钮标签低于输入

Question

我有一长串由 ASP.NET 生成的单选按钮。 ASP.NET 在表格单元格中呈现输入和标签，并使用标签 for=xxx 使标签和输入成为同级。

这里是the fiddle。标签很长，很多。

当标签换行时，目标是让它们看起来像这样：

( )  cdsdcsdcsdc akd adckldsjcj dlsck acsd dscj dlkc dcas
     df sdf dfkl dksf dfs dlkf

而不是这样；

( ) cdsdcsdcsdc akd adckldsjcj dlsck acsd dscj dlkc dcas
df sdf dfkl dksf dfs dlkf

或者像这样：

( )
 cdsdcsdcsdc akd adckldsjcj dlsck acsd dscj dlkc dcas
df sdf dfkl dksf dfs dlkf

假设无法更改标记，那么 CSS 将是什么来实现该样式？

附：根据rogerdeuce引用的答案：

   input[type=radio]
        {
            float: left;
        }
        label
        {
            display: block;               
            margin-left: 2em;
        }


        #sites td:after {
         content: "";
         clear: both;
     }

Answer 1

实现你想要的输出应该很简单。

将input 和label 更改为：

display: inline;

inline-block 在元素上方和下方添加空格，inline 没有。

希望这会有所帮助。