Use the SPAN Element to Define Styles Within a Block

Use the SPAN Element to Define Styles Within a Block

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.

 SPAN tip 

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.


About Our Editorial Process

At DevX, we’re dedicated to tech entrepreneurship. Our team closely follows industry shifts, new products, AI breakthroughs, technology trends, and funding announcements. Articles undergo thorough editing to ensure accuracy and clarity, reflecting DevX’s style and supporting entrepreneurs in the tech sphere.

See our full editorial policy.

About Our Journalist