Hallo,
Ich möchte einige Zeilen an Text auf meiner Webseite zentrieren.
Ich habe vorerst ein paar Schnipsel zum ausprobieren geschrieben:
HTML
<body>
<div id="test">
<a>mittige zeile 1<br></a>
<a>mittige zeile 2</a>
</div>
</body>
CSS
#test {
width:100%;
height:500px;
background:green;
}
#test a {
margin: 0;
position: relative;
top: 50%;
left: 50%;
margin-right: 100%;
transform: translate(-50%, -50%)
}
Damit wird der Text aber nicht ganz mittig dargestellt, sondern er beginnt rechts unterhalb des Mittelpunktes.
Wie kann ich den Text genau Mittig platzieren (dynamisch)? Also ich möchte, dass wenn meine Webseite 1000px*1000px Pixel groß ist und der Text 100px*20px, dass er im Punkt 450/490 beginnt. Und nicht wie bisher im Punkt 500/500.
Danke im Vorraus
Corlaren