RadioButton text alignment

[CorbinMyMan]

I have some radiobuttons in my form, and when the text lable is forced to the second line, it aligns itself UNDER the actual Radio button, I would like for it to align itself relative to the text above it and be in the same position that the text starts on the previous line. let me try to draw it out, pretend that the * is my actual radio circle

* Text here is
cut to second
line and ugly

I would like this:

* Text is nice
and neat with
indent

Thanks!

 

[FesterSXS]

something like this maybe:

<style type="text/css">
input.radio {
 float: left;
 width: 20px;
}

span.label {
 display: block;
 margin-left: 25px;
}
</style>

...

<input type="radio" name="myRadio" value="whatever" class="radio" />
<span class="label">some text here some<br />text here</span>

Tony

Spirax-Sarco - steam traps control valves heat exchangers
Sun Villa - Luxury Florida accommodation

 

[CorbinMyMan]

hmm maybe i should have posted this in another forum... i'm using asp.net

but i thought it would be accomplished using CSS, which i have setup, but not sure how to make it do what i want.

should i post this in the asp.net forum instead?

 

[Vragabond]

I think you should post here. Following the available options in styling lists, you could use this:

ul { list-style-position: outside; }

 

[Vragabond]

Oops, sorry, I just checked your 'drawing' and thought you were talking about lists. My bad. Too late.