How can I adjust radio button label of



like this



I know this is possible only using tables, but how I've tried applying table to it but failed. Is there any other way to do it?

<div class="poll">
<div class="upm_polls">
<p class="upm_poll_form_question">[QUESTION]</p>
<ul class="upm_poll_ul">

[ANSWERS-START]
<table cellspacing="3" cellpadding="2" border="0">
<li class="upm_poll_form_list">
<tr>
<td><input type="radio" name="upm_answer" id="upm_answer-[ANSWER-ID]" value="[ANSWER-ID]" /> </td>
<td><label class="upm_poll_form_label" for="upm_answer-[ANSWER-ID]">[ANSWER]</label></td></tr>
</li></table>
[ANSWERS-END]

<li class="upm_poll_form_list poll_submit">
<div class="poll_form_footer">
<input id="upm_poll_form_submit"  class="upm_poll_form_submit" name="upm_vote" value="Vote" type="submit">
<div id="upm_loading"></div>
</div>
</li>
</ul>
</div>
</div>

Should I post CSS code, too or it is adequate

You can try negative text indent.

text-indent:-20px;

Didn't work. It's rather moved the radio box further outside.



I reckon It's only possible through table, but I can't work it out

If I good see your image it is work (it is different then first one). Just put more then 20px.

Two ideas neither tested.
1: give the radio button a line-height of 2em.

2: Put the radio button and label in a container, set the radio button to display block with a fixed width and a height of 2em.

Try this I hope this can help:

<input type="radio" value="" name=""> yes,the national coaching staff is bulky of &nbsp;&nbsp; bowler</input><br />
<input type="radio" value="" name=""> No,the problem is coaching staff</input>

note: this just example
taq "&nbsp;" it's using for make space.
you can use more than that I wrote.

so, you must using according the amount of your necessary