Hi folks,

I have this css for positioning my checkbox labels to the left of my checkboxes and lining them up nice and neatly. However I can't seem to make it work for the <textarea> tag.

Here is the CSS:

            form.labelpairs
            {
            clear:both;
            float:none;
            }

            form.labelpairs label
            {
            clear:left;
            display:block;
            float:left;
            text-align:right;
            width:100px;
            }

            form.labelpairs input
            {
            clear:right;
            float:left;
            margin-left:10px;
            }


And here is the markup:

<form name = "orderform" id = "orders" class = "labelpairs">
        <label for = "whatever">Bloomer</label>
            <input type = "checkbox" name = "check1" class = "chBox">
        <br>
            <label for = "whatever2">Baguette</label>
                <input type = "checkbox" name = "check2" class = "chBox">
        <br>
                <label for = "whatever3">Bap</label>
                    <input type = "checkbox" name = "check2" class = "chBox">
        <br>
                    <label for = "whatever4">Panini</label>
                        <input type = "checkbox" name = "check2" class = "chBox">
        <br>
                        <label for = "whatever5">Fillings</label>
                            <textarea name = "text1" id = "textarea1" class = "chBox"></textarea>

    </form>

What I'd like is for the textarea to be in the same position as the checkbox, but as you probably know, it just appears below the labelk. Any suggestions much appreciated.

Thanks
Joe

__________________
\'sync\' &lt;cr&gt;
The name specified is not recognized as an internal or external command, operable program or batch file.

Its ok, I sorted it. I had to add another selector.

Cheers
Joe