Need help formatting my html

[moorcroft]

I have the following list items to display details on an application. The item for proposal sometimes has lots of text which goes to a new line. The problem is that the new line always start underneath the label text and doesn't look correct. Is it possible to get the text to wrap around on the right hand side?

<li><div><span>Application Number</span><xsl:value-of select="APPLICATION_NUMBER" /></div></li>
        <li><div><span>Site Address</span><xsl:value-of select="SITE_ADDRESS" />&nbsp;</div></li>
        <li><div><span>Application Type</span><xsl:value-of select="APPLICATION_TYPE_DESCRIPTION" />&nbsp;</div></li>
        <li><div><span>Development Type</span><xsl:value-of select="DEVELOPMENT_TYPES" />&nbsp;</div></li>
        <li><div><span>Proposal</span><xsl:value-of select="PROPOSAL" />&nbsp;</div></li>
        <li><div><span>Current Status</span><xsl:value-of select="STATUS_DESCRIPTION" />&nbsp;</div></li>

Here's a screenshot of what I mean:

[Dormilich]

you have tabular data here. use a table.

(you could (if you don't like tables) float the keyword and put a margin on the text)

regards

[Markus]

Please do not post questions in the 'insights' area of our HTML/CSS forum. The 'answers' area is the correct place to post questions.

Thanks,
Moderator.

[clain]

Use tables.. float can not fix it. you will jump into trouble if you use float. as you already have a text item in left .

[numberwhun]

If you wanted to stay clear of tables (which would definitely work for your purposes), why not try implementing something similar to a tableless form using only css.

I don't have a working example, but its always worth a shot if you ask me.

Regards,

Jeff