Ломается меню, что я делаю не так?

186
26 ноября 2016, 18:39

* { 
	padding: 0; 
	margin: 0; 
} 
body { 
	width: 100%; 
	font-family: 'Trebuchet MS', sans-serif; 
} 
/*END GENERAL STYLES*/ 
 
/*MAIN MENU*/ 
.main-menu { 
	padding: 40px 180px 40px 180px; 
} 
.logo { 
	display: inline-block; 
} 
.logo h2 { 
	float: left; 
} 
.menu { 
	float: right; 
} 
 
.menu li { 
	list-style-type: none; 
	display: inline-block; 
	padding: 8px 10px 0px 10px; 
} 
.menu a { 
	text-decoration: none; 
}
<!DOCTYPE html> 
<html> 
<head> 
	<meta charset="utf-8"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
	<link rel="stylesheet" type="text/css" href="css/normalize.css"> 
	<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 
	<link rel="stylesheet" type="text/css" href="css/style.css"> 
	<title>Company Name</title> 
</head> 
<body> 
	<div class="container"> 
		<header class="main-menu"> 
			<div class="logo"> 
				<h2>Company Name</h2> 
			</div> 
			<div class="menu"> 
				<ul> 
					<li><a href="#">Home</a></li> 
					<li><a href="#">About</a></li> 
					<li><a href="#">Portfolio</a></li> 
					<li><a href="#">Services</a></li> 
					<li><a href="#">Pricing</a></li> 
					<li><a href="#">Contact</a></li> 
				</ul> 
			</div> 
		</header> 
	</div> 
 
</body> 
</html>

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте tabernaculum.com.ua
ТОП-10
READ ALSO
CSS Анимация прокрутка текста по кругу
CSS

CSS Анимация прокрутка текста по кругу

Есть массив, состоящий из 20 словНужно сделать прокрутку текста по кругу 1 раз в секунду, чтобы каждое следующее слово заменяло предыдущее

 381
Как стилизовать чекбоксы в contact form 7?
CSS

Как стилизовать чекбоксы в contact form 7?

Есть форма в попап окне красная кнопка Отправить заявку Не получается стилизовать чекбоксы в Google Chrome не ставиться галочка в чекбоксах в Firefox...

 290
Изменить прозрачность только фона
CSS

Изменить прозрачность только фона

Доброго времени сутокЕсть код

 197
Не отображаются боковые границы QGroupBox
CSS

Не отображаются боковые границы QGroupBox

У меня есть приложение Qt и в одном окне внутри QScrollArea и verticalLayout есть QGroupBox с таким css:

 178