anyone know any nice (or ugly ;)) hacks for this. This is in the context of mandatory field indicators on data entry forms laid out as tables (sometimes form-style and sometimes table style). What I want is the label text left-aligned and the * right-aligned within a single td or th.

______________________________
| label * | input |
------------------------------

or

______________________________________________
| label * | label * | label * |
|---------------------------------------------
| input | input | input |
----------------------------------------------

tia
phil

You'd have to do it like this:

<td>
    <span>*</span>
    <label>Label text</label>
</td>

Put the <span> before the <label>, then in the style sheet, something like this:

td span {
    float: right;
}

That'll put the asterisk right aligned on the same line as the label.

HTH!

Regards,
Rich

--
Author,
Beginning CSS: Cascading Style Sheets For Web Design
CSS Instant Results

http://www.catb.org/~esr/faqs/smart-questions.html

brilliant, thanks Richard, this has been annoying me for weeks now.