How to align a block XHTML text

[neogazz]

I have been struggling to align a block text in XHTML.

Terms&Conditions_alignment.jpg

Please see the attached picture designed in MS Word, but how would you could this in XHTML??

Note: I have used labels with width specifications to create the exact distance I require i.e. from "Terms and Conditions:" to the left justified text opposite it.

Regards
Gary Wilson

[drhowarddrfine]

A number of ways. This will work. Adjust margin/padding as needed:

<p style="width:300px">Term and conditions:
<span>Accept:<input type="checkbox" /></span>
<br />
<span style="float:right;width:200px;">I am the rightful owner</span>
</p>
 

[neogazz]

Thanks your ideas seem to work, however I used the following code:

<p class="terms"><label for="terms">Terms of use<span class="star">*</span>:</label>
<span class="terms_conditions">I am the rightful owner of this business. Clickazone.com reserves the right to remove or change any business information on this website</span>
<br /><br /><br /><br /><br /><br />
<label for="accept">&nbsp;</label>Accept terms&nbsp;&nbsp;<input type="checkbox" name="Terms"/>
</p>

[drhowarddrfine]

Use margins and padding for that instead of breaks and spaces.

[neogazz]

@drhowarddrfine
Thanks for the reply. Where would I place the padding and margin attributes, would this be in the <p> container style attributes or in the <span> attributes?

Regards
Gary Wilson

[drhowarddrfine]

The spans specifically but there may be other areas it could be used.

[neogazz]

Thanks! Your help has been great.