CSS: první řádek a jen jedno slovo

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í.

 

Václav

Programátor... občas normální, častěji tak trochu blázen.

Internetová stránka: www.valeas.cz