A little rusty, paragraph forming

[Lochness30]

Little rusty on my html. Can anyone remind me how to create a radio button so that the paragraph text don't fall under the radio button when it wraps around?

ie
. This is some text
for a form

instead of

. This is some text
for a form

Thanks!

 

[Vragabond]

Since radio button and its label text are two separate elements, there's no default way to do what you want. I would float both the button and the label next to each other. That way label will stay in its floated area.

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[Lochness30]

Actually I managed to make it work. With the use of CCS. Notice the negative value on the text-indent.

.cIndent {
	text-indent: -25px;
	padding-left: 25px;
	padding-right: 10px;
}

and then applied the class to the following

<input name="radiobutton" type="radio" value="radiobutton" />
    This is text inside of a box with wraparound abilities.

But it's such a hassle I might just use tables!

 

[ChrisHunt]

I'd do something along these lines:

<input class="radio" id="foo" name="foo" type="radio" value="bar" />
<label class="radlabel" for="foo">
   This is text inside of a box with wraparound abilities.
</label>

with this CSS

   .radlabel {
      display: block;
      margin-left: 30px; /*or whatever*/
   }

   .radio {
      float: left;
      clear: left;
   }

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd