Element <span> mo?na nazwa? elementem naturalnym gdy? sam w sobie nie dodaje nic do dokumentu. Ale razem z CSS, <span> mo?e doda? wiele interesuj?cych cech wizualnych do okre?lonej cz??ci tekstu w dokumencie.
Przyk?ad:
<p>Early to bed and early to rise
makes a man healthy, wealthy and wise.</p>
Powiedzmy ?e chcemy aby cz??? tekstu zosta?a pokolorowana wyró?niona na czerwono. Do tego celu, zaznaczamy dany tekst znacznikiem <span>. Ka?dy span zawiera w sobie ustawiony atrybut class, który potem wykorzystujemy w naszym arkuszu stylów:
<p>Early to bed and early to rise
makes a man <span>healthy</span>,
<span>wealthy</span>
and <span>wise</span>.</p>
CSS nale??cy do dokumentu:
span.benefit {
color:red;
}