Tag,
Wollte mal wissen wie man ein p/a etc Tag neben einer Navigation stellen kann.
Habe es versucht klappt auch jedoch verschiebt sich die Navigation dann mit, das möchte ich jedoch vermeiden.
HTML-Code:
HTML Code:
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="data.css" type="text/css">
</head>
<body>
<div id="header">
<p class="font">Test</p>
<ul class="navigation">
<li><a href="#">Home</a></li>
<li><a href="#">Anmelden</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Forum</a></li>
</ul>
</div>
</body>
</html>
CSS:
Code:
body {
padding:0;
margin:0;
background-color:#d3d3d3;
font-size:100%;
font-family:tahoma;
}
p {
margin:0;
padding:0;
color:#fff;
}
.font {
margin:0;
color:#fff;
font-family:tahoma;
float:left;
padding:2em;
}
#header {
width:auto;
height:auto;
margin:0 auto;
padding:0;
background-color:#333;
}
.navigation {
padding:2em;
margin:0 auto;
text-align:center;
}
.navigation a {
text-decoration:none;
color:#fff;
}
.navigation li {
list-style:none;
display:inline;
padding:7px;
}
.navigation a:hover {
color:#777;
}