css - align 'radio' and 'comment' inside DIV

Question

When radio button is selected and successfully updated in the post, 'Success' appears below the radio button, I would like it to appear directly to the right of the radio.

I've tried creating a DIV with 100% and then 2 divs inside that 10% & 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

Float:left最初の divに追加

<div>div はブロック要素です。同じ行を作成したい場合は<div>、ブロック要素をインライン要素にするか、要素にdisplay:inline-block与えますfloat:left

http://jsfiddle.net/Lubuu/8/デモはこちら

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>