Моя проблема такова я хочу сверсать свой первый сайт, я сделал меню, но оно странно отображается, необходимо чтобы все пункты отображались одной строкой
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Новости обо всем</title>
<link href="css/style2.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div id"logo">
Имя
</div>
<div id="menuHead">
О нас
</div>
<div id"regAuth">
Войти Зарегистрироваться
</div>
</header>
</body>
</html>
@charset "UTF-8";
* {
margin: 0;
padding: 0;
outline: none;
}
html {
height: 100%;
}
body {
width: 100%;
height: 100%;
background-color: #fff;
color: #333;
font-family: "Segoe UI", Arial, sans-serif;
font-size: 1em;
line-height: 135%;
}
a, a:hover {
color: #d90fff;
text-decoration: none;
-webkit-transition: all.6s ease;
-moz-transition: all.6s ease;
-o-transition: all.6s ease;
transition: all.6s ease;
}
a:hover {
color: #00ffff;
}
.clear {
clear: both;
}
/* styles for header*/
header {
width: 98%;
float: left;
padding: 1%;
background-color: #fafafa;
border-bottom: 2px solid silver;
}
header #logo {
width: 40%;
float: left;
}
header #menuHead {
width: 30%;
float: left;
}
header #auth {
width: 30%;
float: left;
}