Trouble with adjusting the text portion of my form



I can't figure out how to make the border around the text-search portion of my form display as a straight line beneath it and not a box. I tried adjusting the border but with no luck.

Here is the link to my code:


I'm sorry I don't understand you can you rephrase ?


Sorry. In order to have the portion that says "browse the collection" and "search", I needed to create a form. The form automatically puts a box around "browse the collection" but, I want it to display just as line beneath the text. Here is what it is suppose to look like...


You going to have to style it using the id search, make background transparent, set border to 0, border radius to 0, add a border-bottom as you want the line, add a width to make it wider

Give it a try.

See correct code

#search {
        border-bottom:1px solid #fff;
        margin:0 20px;