Css 对齐'；收音机'；和'；评论'；内分区

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

我尝试过创建一个100%的DIV，然后在10%和90%的DIV中创建两个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>

成功

---

添加

显示：内联块

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


成功
您可以按如下方式简化标记：

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


成功

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

如果需要添加垂直填充和边距以进行样式设置，则可以将
display:inline block
应用于
span

演示位置：
向第一个div添加
Float:left

div是一个块元素。如果要使
成为同一行，请通过
display:inline block
将块元素设置为内联元素，或将
float:left
设置为元素

此处演示
感谢您的回复，我担心这仍然无法与inlineah一起使用是的……谢谢您，先生……另一方面，选择后，第一行的“成功”以粗体显示，而第二行的“成功”则显示为正常状态……您知道为什么吗？如果可能，我更愿意通过div上的样式属性来执行此操作？