Make My Search Box Show Up In The Right Position

how do i make the search box in the center of the nav bar? you will see what i mean below with the image.. ill post my css code for the search box below the image .. #advsearch

Solution 1:

Here you need to modify some css code.

#cssmenu > ul > li > a {
    color: #A0A0A0;
    font-family: Verdana,'Lucida Grande';
    font-size: 15px;
    /*line-height: 70px;
    padding: 0;*/
    position: relative;
    top: 7px;
    transition: color 0.15s ease 0s;
}

Demo: http://jsfiddle.net/y5Fhc/8/

Solution 2:

anchor in not needed in the li of search box and I have added a class in the li of search box to make it center of the nav bar.

css

li.search{
    line-height:40px;
}

html

<li class='active search'><span>
     <form method="get" action="/search" id="advsearch">
       <input name="q" type="text" size="40" placeholder="Search..." />
     </form>
</li>

jsFiddle File