- Napsal(a) Václav
- Zveřejněno v Úryvky kódu
- Číst 3600 krát
CSS: první řádek a jen jedno slovo
(Čtení tohoto článku zabere přibližně: 1 minutu.)
Jednou za čas mě grafici posadí téměř před neřešitelný úkol. Tentokrát jsem měl za úkol oddělit vždy pouze první slovo v názvu. Jak to na začátku vypadalo složitě, tak nakonec je řešení naprosto jednoduché.
Na ukázce vidíte jak samotný kód, tak výsledek. Pro zajištění výsledného zobrazení je použita vlastnost word-spacing, která definuje velikost mezery (opravdu extrémní). Selektor ::first-line zajišťuje, aby se tato mezera projevila pouze na prvním řádku.
Výsledek na webu je velice efektní.
Označeno v
