<SPAN> elements let you apply a style across a range of text, like this bold, italic blue text. (Nice, huh?) The code:
<STYLE TYPE="text/css"> .bluebold {color: blue; font-weight: bold; font-style: italic } </STYLE> <P>... this <SPAN class="bluebold"> bold, italic blue text. </SPAN> (Nice, huh?)</P>
The SPAN element is used to enclose a phrase of text. Styling can then be applied to the SPAN. This allows style control at the sub-element level.
On this page, we enclosed the phrase "bold, italic blue text" in a SPAN, set that SPAN's class to bluebold, and defined a style for elements of class bluebold.