[jQuery] [validation] wracking my brains on how to get error messages inline

[tigerman]

Hi,

This is my first post to this forum, and I could really appreciate a
bit of help.

Maybe not a JQuery validation issue per se, or maybe it is, but...

I'm having a terrible time trying to get the validation error messages
to display inline, and to the right of its respective form object.
I've tried all sorts of code, but messages insist -- persist! -- to
always sit on a new line.

Here's an example of the form code:

<p>
<label for="ShipAddress"><?php echo ENTRY_STREET_ADDRESS; ?></label>
<input name="ShipAddress" value="<? echo $ShipAddress; ?>" size="20">
</p>

Here's an example of the JQuery: -

I have tried this: -

.checkout label.error {
        margin-left: 10px;
        width: auto;
        display: inline;
}

And this: -

checkout label.error {
                background: url('/images/form_validation/unchecked.gif') 
no-repeat;
                margin-left: 10px;
                width: auto;
                display: inline;
                color: red;
                font-weight: bold;
                font-size: 10px;
                padding-left: 20px;
        }

But neither of those appear to help me seat the validation messages to
the left of the form object.  All one validation demo, the complete
form demo, does this beautifully without using tables, like the milk
form.  But for the life of me, I can't seem to recreate that effect.
Am I missing something?

L