Błąd z marginesem

Wątek przeniesiony 2015-07-01 09:39 z Webmastering przez dzek69.

Xix

2015-06-30T22:55:18+02:00

Rejestracja: dni
Ostatnio: dni
Postów: 231

Jak do tego dodać prawy,lewy i górny margines no nie działa:

Kopiuj

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<title>coś</title>
	
	
	<link rel="stylesheet" href="style.css" type="text/css" />
	

</head>

<body>
	
	<div class="main">
	
		<div class="header" >coś</div>
		
		<div class="nav">
			<ol>
				<li><a href="#">1</a></li>
				<li><a href="#">2</a>
					
				</li>
				<li><a href="#">3</a>
					
				</li>
				<li><a href="#">4</a>
					
				</li>
				<li><a href="#">5</a>
					
				</li>
				<li><a href="#">6</a></li>
			</ol>
		
		</div>
		
		
		
		
</body>
</html>

Kopiuj

body
{
	background-color: #303030;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	margin: 0 !important;
}

.wrapper
{
	width: 100%;
}



.nav
{ 
	width: 100%;
	padding: 10px 0;
	background-color: blue;
	text-align: center;
	border-top: 5px solid darkblue;
	border-bottom: 5px solid darkblue;
}


ol
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 18px;
	height: 40px;
	line-height: 150%;
	display: inline-block;
}

ol a
{
	color: white;
	text-decoration: none;
	display: block;
	padding: 2px;
}

ol > li
{
	float: left;
	width: 100px;
	height: 50px;
	border-right: 1px dotted darkblue;
}

ol > li:first-child
{
	border-left: 1px dotted darkblue;
}

ol > li:hover
{
	background-color: lightblue;
}

ol > li:hover > a
{
	color: darkblue;
}

.header
{
	color: darkblue;
	font-size: 78px;
	size: 78px;
	text-align: center;
	padding: 20px;
	background-color: black;
	margin-left: 10px;
	margin-right: 10px;
}