Diskuze: TEXT NA STŘED

HTML a CSS HTML a CSS TEXT NA STŘED American English version English version

Avatar
Daniel Zábojník:

Dobrý den, mohl by mi prosím někdo napsat kód jak zarovnat text viz. obrázek?

Odpovědět  -2 30.7.2014 18:39
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Matúš Petrofčík
Šéfredaktor
Avatar
Matúš Petrofčík:

zarovnanie textu v bloku je text-align: center; a zarovnanie bloku na stred je margin: 0 auto; (to auto je dôležité)

napríklad <p>...</p>

p {
  margin: 0 auto;
  text-align: center;
}
Nahoru Odpovědět 30.7.2014 18:52
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Odpovídá na Daniel Zábojník
Michal Žůrek (misaz):

pokud myslíž zarovant na střed jak vertikálně tak horizontálně?

:root {
    display: table;
}
body {
    display: table-cell;
    vertical-align: center;
}
:root, body {
    width: 100%;
    height: 100%;
}
p {
    text-align: center;
}
Nahoru Odpovědět 30.7.2014 18:53
Nesnáším {}, proto se jim vyhýbám.
Avatar
Odpovídá na Michal Žůrek (misaz)
Daniel Zábojník:

Ano jak vertikálně tak horizontálně..

Nahoru Odpovědět 30.7.2014 19:00
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Odpovídá na Daniel Zábojník
Michal Žůrek (misaz):

a funguje můj výše zmíněný kód?

Nahoru Odpovědět 30.7.2014 19:03
Nesnáším {}, proto se jim vyhýbám.
Avatar
Nahoru Odpovědět 30.7.2014 22:04
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Odpovídá na Daniel Zábojník
Michal Žůrek (misaz):

jo, mám v něm chybu nemá tam být

vertical-align: center;

ale

vertical-align: middle;
Nahoru Odpovědět 30.7.2014 22:08
Nesnáším {}, proto se jim vyhýbám.
Avatar
Nahoru Odpovědět 31.7.2014 8:57
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 8 zpráv z 8.