如何在包装时保持单选按钮标签不在输入下方

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将如何实现该样式？

P.S。根据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没有。

希望这有帮助。