Autor Zpráva
Petra z Votic
Profil
Mám absolutně poz. div 500px na 50px a potřebuji v něm mít text zarovnán na střed vertikálně i horizontálně.
text-align: center;
vertical-align: middle;

nefunguje

line-height: 360%;
fuguje, ale nevím zda je to best řešení



Nevíte kterak to nejlépe udělati.
Berny
Profil
Zkus například nastavit line-height na hodnotu výšky toho DIVu. Mělo by to fungovat.

line-height: 50px;
korzoo
Profil
EDIT /prepacte, rychlo som cital prispevok. Myslel som, ze ide o div./

:::css:::
body, html {
overflow: hidden;
}

body {
background-color:#000000
}

.ram{
background-color: #FFFF00;
text-align: left;
margin-top: -225px;
margin-left: -375px;
position: absolute;
top: 50%;
left: 50%;
width: 750px;
height: 450px;
}

:::html:::

<body>

<div class="ram">Ukazkovy text</div>

</body>
VojtaW
Profil *
Je také možné vytvořit další vnořený div, ve kterém bude text-align:center; a jeho vertical-align:middle;. Vnější div může mít pouze text-align:center;.
Vertical align totiž mění pozici celého divu, ne pouze textu - to je asi v kombinaci s absolutním pozicováním příčinou nefunkčnosti.
Toto téma je uzamčeno. Odpověď nelze zaslat.