Danifuenla
New Member
This is my jsfiddle (with result). http://jsfiddle.net/76kmL/2/CSS\[code\]header { background: red; color: #FFFFFF; padding: 18px; height: 110px;}#search { float: right;}\[/code\]HTML\[code\]<div id="container"> <header> <a href="http://stackoverflow.com/questions/14542910/#"><h1>Code Name</h1></a> <div id="search"> <form method="post" action="#"> <input type="text" name="search" value="" placeholder="Search"> <input type="submit" name="submit" value="http://stackoverflow.com/questions/14542910/Search"> </form> </div> </header>\[/code\]How can I have the searchbar aligned with the header heading? (and not below it, like in the jsfiddle)Do I really need to use floats in order to get it aligned correctly?