Forum Moderators: open
I have set up a simple form2email form.
Which works OK.
I have some radio buttons which at the moment are hard to the left of my form. They are aligned vertically
I would like to be able to indent them so that they stand out from the description line.
Can anyone suggest how I could do this?
Here is my html
Are you Male, Female or other?
<br></br>
<input type=radio name=gender value=Male> Male
<br></br>
<input type=radio name=gender value=Female> Female
<br></br>
<input type=radio name=gender value=Other checked> Other
<br></br>
Thank you
Kind Regards
Digby
NZ
Via CSS
e.g
<head>
<style type="text/css">
.myIndent {
margin-left: 2em;
}
</style>
</head>
and then in your body, add
EITHER
<br><br>
<input class="myIndent" type="radio" name="gender" value="Male"> Male
<br><br>
<input class="myIndent" type="radio" name="gender" value="Female"> Female
<br><br>
<input class="myIndent" type="radio" name="gender" value="Other" checked> Other
<br><br>
OR
<div class="myIndent">
<input type="radio" name="gender" value="Male"> Male
<br><br>
<input type="radio" name="gender" value="Female"> Female
<br><br>
<input type="radio" name="gender" value="Other" checked> Other
</div>