Question

I have this code

            <div class="search-box-wrapper">                
                <div class="search-box">
                    <span class="search-lbl">Search</span>
                    <span><input type="submit" name="search" value="Find" class="search-btn" /></span>
                    <span><input class="search-text" type="text" name="lookingfor" value=" " /></span>                        
                </div>                
        </div>

how can I make {input type="text"} element with flexible size? I mean search-lbl and search-btn will be around type="text" element, but search-text can change it’s size.

Answer 1

Try

input[type="text"]
{
width:100%;
}

However this might not be compatible with all browsers – I may have also missunderstoond @ckarlss0n may be right with text-area.