#header div'i içinde 3 adet .class oluşturabilir ve bunlara sıra ile ;
.menu
.logo
.header_text
şeklinde isim verebilirsiniz.
Bu şekilde bir çalışma yaptım inceleyebilirsiniz ;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Yan Yana 2 Div Çalışması</title>
<style type="text/css">
#header {
padding: 5px;
height: 600px;
width: 800px;
margin-right: auto;
margin-left: auto;
}
.logo {
padding: 5px;
float: right;
height: 100px;
width: 250px;
background:#CCCCCC;
}
.menu {
padding: 5px;
height: 100px;
width: 500px;
background:#999999;
}
#clair {
clear: both;
height:5px;
}
#kategori_menu {
padding: 5px;
width: 750px;
margin-right: auto;
margin-left: auto;
background:#666666;
}
</style>
</head>
<body>
<div id="header">
<div class="logo"><h2>LOGO</h2></div>
<div class="menu"><h2>MENU</h2></div>
<div id="clair"></div>
<div id="kategori_menu"><b>KATEGORİ MENU</b></div>
</div>
</body>
</html>