Hi,
Ich muss für die Uni eine html-Datei mit css erstellen, wobei nur die css-datei verändert werden darf.
Dabei soll der Titel rechtsbündig sein. Das war er auch mal, allerdings bekomme ich ihn einfach nicht mehr da hin.
Hier noch der Code der html-Datei:
und der styles.css:
hat jmd eine idee, wieso ich das h1 nicht mehr nach rechts bekomme?
mfg
Ich muss für die Uni eine html-Datei mit css erstellen, wobei nur die css-datei verändert werden darf.
Dabei soll der Titel rechtsbündig sein. Das war er auch mal, allerdings bekomme ich ihn einfach nicht mehr da hin.
Hier noch der Code der html-Datei:
Code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>CSS-Layout</title>
</head>
<body>
<header>CSS-Layout</header>
<nav>Home</nav>
<article>
<h1>Titel des Artikels</h1>
<p>Efectorium celo hos iam Upilio Ars retineo etsi lac damnatio
imcomposite for oneratus sacrificum ora navigatio. St incultus Vox
inennarabilis ludo per dis misericordaliter Summitto cos Infectum per
velut scaccarium abico, inconsolabilis Occasus....</p>
</article>
<aside>Sie sind der 1000ste Besucher und haben eine Reise
nach Taka-Tuka-Land gewonnen! Klicken Sie hier!</aside>
<footer>© 2011 CSS-Layout</footer>
</body>
</html>
Code:
header {
color: #FFFFFF;
background-color: #000000;
height: 200px;
}
nav {
color: #FFFFFF;
background-color: #000000;
border-top: 1px solid #FFFFFF
}
h1 {
font-weight: bold;
height:50px
text-align: right;
}
body {
background-color:#FFFF00;
width: 800px;
text-align: center;
margin: auto
}
p {
background-color: #FFFFFF;
width: 600px;
float: left;
border-right: 2px solid #FFFF00
}
aside {
background-color: #FFFFFF;
}
footer {
clear: both;
}
hat jmd eine idee, wieso ich das h1 nicht mehr nach rechts bekomme?
mfg