I can't remember if i have ever used radio buttons, but as far as I
know, it has no text, and you need to use a <label> element on it's
side, right?
An option would be wrap your radio buttons plus their label inside a
div or span element, and set the label position as absolute and a
margin left:
<style rel="stylesheet" type="text/css">
div.foo {
position: relative;
}
div.foo labe {
position: absolute;
margin-left: 20px;
}
</style>
[...]
<div class="foo">
<input type="radio"> <label>Bar</bar>
</div>
<div class="foo">
<input type="radio"> <label>Baz</bar>
</div>
[...]
Something like the above.
PS: can't remember of using <label> as well, don't know if it my break
the line. If so, just use <span> instead of it.
On Wed, Oct 15, 2008 at 1:57 PM, oldyork90 <[EMAIL PROTECTED]> wrote:
>
> I'm not sure this is going to show up right, but here it goes. The
> radio is an 0, and text is ------, explicit spaces are SSS
>
> Here's a rendering without wrapped radio text labels
> 0 ---------------
> 0 --------------------------
> 0 ----------------
>
>
> but sometime the text gets long and I get
>
> 0 ------------
> 0 --------------
> ---------- (this line aligned with radio)
> 0-----------
>
> What I like is an indented wrap. The wrapping line aligns itself to
> where the text begins above, after the radio. This would usually
> require a few spaces to achieve.
>
> 0 --------------
> 0 --------------
> SS-----------
> 0 ----------
>
> I could do this with a table, was hoping there was a style for it.
> Thanks.
>
> >
>
--
Paulo Diovani
[EMAIL PROTECTED]
+55 51 8146 5413
___________________
http://www.diovani.com
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [EMAIL PROTECTED]
-~----------~----~----~----~------~----~------~--~---
