While the DIV element can be used to designate block-level elements such as paragraphs and list items, SPAN is used within a block. And while most browsers will insert a line feed before and after the DIV tags, the text within the SPAN tags remains on the same line as the rest of the text in the larger block.
In the simple example below, I used the SPAN element and Cascading Style Sheets (CSS) to set the text of the entire paragraph to green, except for the words “SPAN element”, which appear in blue. Note that all of the text will appear on one line.
This is an example of how you can use the SPAN element in your Web pages.
You can also trap events within a SPAN element by including one of several event methods within the tags.