Diskuze: Nefunkční text-align
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Člen

Zobrazeno 14 zpráv z 14.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
skus to dat cez <link rel="" /> tam cestu na css subor, či to pojde a ked nie, tak
<body style="text-align:center;">
alebo to daj do divu, alebo tabulky
Nepotřebuju body. Chci pouze odkaz. Přes externí soubor, také nejde.
Tak potom, ako som pisal, daj to toho divu, alebo tabulky a mas to.
<div>
by mal stacit. Samozrejme s tym, ze mu tam das ten styl.
Nepleť sem pořád tabulku. Div taky nefunguje.
<section style="text-align:center;"><a href="https://www.seznam.cz" >Seznam</a></section>
- ide
A proč nejde samotný odkaz?
Protože odkaz je inline element a má takovou šířku, jakou potřebuje. To znamená, že pokud má text odkazu šířku 100px, celý odkaz bude mít také šířku 100px.
Tím, že zadáš
style="text-align: center"
, v podstatě říkáš, že odkaz o šířce 100px má vycentrovat svůj obsah (100px). Výsledkem je přesně stejný obsah.
Když ale použiješ div, který má šířku přes celou obrazovku, je v něm možné odkaz vycentrovat.
Nemusí ani používat div, stačí, když mu nastaví display: block;.
Tzn.
<a href="http://mujweb.cz" style="display: block; text-align: center;">Odkaz bude na střed</a>
Což je poměrně nesmyslné. Půjde pak klikat na celý řádek, což většinou není účel odkazu.
Zobrazeno 14 zpráv z 14.