How to change spacing between radio button and its text?

Question

I have the following HTML:

<input type="radio" name="beds" value="1" />1+  <input type="radio" name="beds" value="2" />2+

How do I change the spacing between the radio button and the "1+" text? I'd like the text to be closer to the radio button, but the browser is inserting a certain amount of undefined padding between the two elements.

Answer 1

Many HTML elements have a default margin setting. You can override this and set it to 0. In your case, you want to reset margin-right on the radio button:

<input type="radio" name="beds" value="1" style="margin-right: 0" />1+ 

You probably want to add it to your stylesheet so that it applies to all radio buttons:

input[type="radio"] {   margin-right: 0; }