Question

Possible Duplicate:
Multiple select options in one row

I have the following code but it generates it on separate lines, and I want it to be on a single line (only filling the parent which is not shown).

Also, how can I remove the text area’s re-size feature?

<div id="search" align="left" style="width:100% height="100%">
<select>
    <option>Beers</option>
    <option>Cigars</option>
    <option>Wines</option>
</select>
    <div align="right">
        <form>
            <textarea style=width:"100%" height="100%" cols="0" "rows="0"></textarea>
        </form>
    </div>
</div>

Answer 1

here you go: http://jsfiddle.net/XeVdN/2 or see below:

<div id="search" style="float:left; width:100%; height=100%;">
<select stryle="float:left;">
    <option>Beers</option>
    <option>Cigars</option>
    <option>Wines</option>
</select>
    <div style="float:right;">
        <form>
            <textarea style="width:100%; height=100%; resize:none;" cols="0" "rows="0"></textarea>
        </form>
    </div>
</div>​

You had some issues with your styles (a few rogue ” symbols) which I have cleaned up and also to get them to align, you just need to float the first element left and the second right.

For learning purposes, whenever you use the style attribute, you dont need to wrap each individual parameter in quotation marks, just the overall statement and follow every style with a ; as in the example code above.