强制新行与css水平对齐

Question

以下是我的示例：http://jsfiddle.net/SfTuD/1/

HTML：

<label class="longLabel">Create Document</label>

<input class="radioButton" checked="checked" value="true" id="Yes" type="radio"></input>

Allowed    

<input class="radioButton" value="false" id="No" type="radio"></input>

Not Allowed

<span class="description">A user with this permission will be allowed to create new Documents, Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum</span>

CSS：

label {
    min-width:165px;
}
label.longLabel {
    width:165px;
}
input.radioButton {
    margin-right:5px;
}
.description {
    font-style: italic;
    padding-left: 20px;
}

我希望描述范围保持在单选按钮的右侧。也就是说，描述的新行应与“A user ...”对齐

我尝试过显示：inline-block，但这会强制整个范围到新的一行。

有什么想法吗？

Answer 1

从你的css中删除这一行：

 display: inline-block;