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

Question

当在帖子中选择并成功更新单选按钮时，单选按钮下方会显示“成功”，我希望它直接显示在收音机的右侧。

我尝试在100％内创建一个DIV，然后在10％＆amp;之内创建2个div。 90％

<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/

Answer 2

添加display:inline-block;

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

Answer 3

将Float:left添加到第一个div

<div> div是一个块元素。如果您想要<div>相同的行，请将块元素设置为display:inline-block的内联元素，或者将float:left赋予元素

http://jsfiddle.net/Lubuu/8/演示