Can i indent just the 2nd line of text so it wraps under the radio button?

HTML & CSS
1

Hi,

I want to indent just the 2nd line of text so it goes beneath where the first line starts and wraps more neatly…how do i do this, is there a way?

I’ve got this css:


#quizform {
	text-align: left;
	width: 540px;
	margin: 0 auto;
}
* html #quizform {padding-left: 40px;}
#quizform  p.question {
	font-size: 90%;
	font-weight: bold;
	margin: 0 0 3px 0;
}
#quizform fieldset {
	border: none;
	margin: 0 0 20px 0;
	background-repeat:no-repeat;
}
#quizform label {
	display: block;
	padding: 1px 2px;
}
html>body #quizform label {
	padding: 3px;
}

and this html


<form id="quizform" method="post" action="">
<h3 class="question">1. Would you like a job where you work outdoors?</h3>
<fieldset>
<label for="q1-option1"><input id="q1-option1" name="question1" type="radio" value="1" /> I like being indoors where it is warm and dry.</label>
<label for="q1-option2"><input id="q1-option2" name="question1" type="radio" value="2" /> I prefer being indoors, however I could cope with being outdoors some of the time.</label>

</fieldset>
2

Just in case anyone is interested i’ve sorted this out.
I just had to add a left margin and a negative text-indent to the block element
#quizform label {
display: block;
padding: 1px 2px;
margin-left: 16px;
text-indent: -18px;
}

had to add this for ie though…

  • html #quizform label{ margin-left: 17px; text-indent: -24px;}
3