css - 在 DIV 中对齐 'radio' 和 'comment'

Question

当单选按钮被选中并在帖子中成功更新时，“成功”出现在单选按钮下方，我希望它直接出现在单选按钮的右侧。

我尝试创建一个 100% 的 DIV，然后在 10% 和 90% 内创建 2 个 div

<div style="width:100%">
<div style="width:10%">  <input type='radio' name="_chkBox" checked="checked" onclick='$("#clientId").val("@client.Id");'/>  </div>
<div style="width:90%">  <p style="color:Green;">Success</p>  </div>
</div>

Answer 1

您可以按如下方式简化您的标记:

<div>
    <input type='radio' name="_chkBox" />
    <span style="color:green;">Success</span>
</div>

如果将 p 标记替换为 span，则无需担心 p 标记上的默认边距。

如果您需要为样式目的添加垂直填充和边距，则可以将 display: inline-block 应用于 span。

演示地址:http://jsfiddle.net/audetwebdesign/ywXK6/