Wie erstelle ich ein Banner und zentriere Text in der Mitte?Text in der Mitte eines Banners zentrieren?
Ich habe versucht, relative Position auf Wrapper und absolut auf dem Bild div zu verwenden, konnte aber nicht positionieren.
#banner {
position: relative;
width: auto;
}
#banner_wrap img {
position: absolute;
top: 150px;
left: 50px;
}
<div id="banner">
<div id="banner_wrap">
<img src="fe_bg_login_.png" />
<div id="rockstar">
<h1>I am a Rock Star Dude!</h1>
</div>
</div>
</div>
[ 'text-align'] (https: // Entwickler. mozilla.org/en-US/docs/Web/CSS/text-align) ist die Eigenschaft, die Sie suchen. – Shaggy
Mögliches Duplikat von [Wie zentriere ich Text über einem Bild in beiden Dimensionen?] (Http://stackoverflow.com/questions/6132000/how-do-i-center-text-on-top-of-an - Bild-in-beiden-Dimensionen – Rob