How to create a simple header with a logo and a search box?

How to style an html header with a logo vertically centered on the left and the search box vertically centered on the right inside a header:


<body bgcolor="#ffffff">

<div class="header">

    <div class="subheader">
     
        <img class="logo" src="logo.png">
    
        <div class="description">Hello World</div>
        
        <div class="search_wrapper">
            <div class="search_field">
                <input id="search" value="Search">
            </div>
        </div>

    </div>
</div>

</body>
</html>

I can do the simple part but for the rest it’s too difficult for me:

body {
	margin: 0px;
	padding: 0px;
	background-color: black;
	font-family: "Lucida Grand", Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.header {
	background-image: url(images/header.png);
	background-repeat: repeat-x;
	height: 81px;

}