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

Václav

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

Internetová stránka: www.valeas.cz

 

Zanechat komentář

Ujistěte se, že zadáte požadované informace, tam kde je vyznačeno (*). Kód HTML není povolen.