Hallo leute,
ich hab das problem dass bei meiner Seite text-align:center nicht richtig funktioniert, der text ist leicht nach rechts verschoben und ich weiß nich wie ich es beheben kann. Danke schonmal im vorraus
HTML-Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Blablablubs</title>
<link href="danielsseite.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="top"></div>
<div id="mitte">
<nav>
<ul>
<li><a href="#">Blog</a></li>
<li><a href="#">Danny</a></li>
<li><a href="#">Site</a></li>
<li><a href="#">The Corner</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Bye</a></li>
</ul>
</nav>
</div>
<img id="bild" src="header.png" width="700" height="323" alt=""/>
<div id="inhalt">
</div>
</body>
</body>
</html>
Code:
@charset "utf-8";
* {pedding:0;
margin:0;}
body {background-color:#2f2f2f}
#top {width:100%;
height:300px;
background-color:#ececec;
}
#mitte {height:95px;
width:100%;
background-color:#000000;
position:relative;
}
#bild {
position: absolute;
left:0;
right: 0;
margin-right: auto;
margin-left: auto;
top: 74px;
width: 700px;
}
#inhalt{
width:700px;
height:2000px;
background-color:#FFFFFF;
margin-right:auto;
margin-left:auto;
margin-bottom:100px;
}
nav li {display:inline;
list-style-type:none;
}
nav li a{
color: #FFFFFF;
text-decoration: none;
}
nav {
z-index: 100;
margin-right: auto;
margin-left: auto;
height: 40px;
width:700px;
position: absolute;
left: 0;
right: 0;
margin-top: 53px;
text-align:center;
}
nav ul {
pedding:0;
}
Hier ist die Webseite:
Blablablubs