Horisontal centrering af text i boks
Kan det ikke lade sig gøre at centrere en text horisontalt i en boks i CSS ??Jeg har denne html code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<Head>
<title>www.løbetræner.dk</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<div id="boks">
<div id="boks1"></div>
<div id="billede"><img src="images/løber3.jpg"></div>
<div id="boks2">www.løbetræneren.dk - din personlige løbetræner</div>
<div id="boks3">løbetræneren.dk - navn - postnr og by - tlf nr. - kontakt@løbetræneren.dk</div>
</div>
</body>
<html>
Og denne css code.
body {
background-color: #696C70;
}
#boks {
height: 715px;
width: 800px;
border-style: solid;
border-color: black;
border-width: 1px;
background: #BEC0C8;
position:absolute;
top: 75px;
left: 225px;
}
#boks1 {
height: 198px;
width: 800px;
border-bottom-style: solid;
border-color: black;
border-width: 1px;
position: absolute;
top: 0px;
left: 0px;
}
#boks2 {
height: 30px;
width: 800px;
border-bottom-style: solid;
border-color: black;
border-width: 1px;
position: absolute;
top: 197px;
left: 0px;
text-align: center;
font-family: arial;
}
#boks3 {
height: 30px;
width: 800px;
border-top-style: solid;
border-color: black;
border-width: 1px;
position: absolute;
bottom: 0px;
left: 0px;
text-align: center;
font-family: arial;
}
#billede {
position: absolute;
top: 0px;
left: 0px;
}
Håber der er nogle kloge hoveder der kan hjælpe mig her !!
