Div and span

Div and span are HTML tags. They are used for changing the style of web pages.

The div tag is a generic block-level element used for associating and grouping together a larger chunk of a web page – usually a section such as a header, footer, the main content, and so on.

The span tag is an inline element that you use to make a smaller part of content stand out with CSS or JavaScript. You shouldn't nest span unless you thoroughly know what you're doing – but you can put multiple span tags within a block-level element.

^[1]

Examples

For example, to make a certain part of text inside a paragraph red, span can be used as follows:

HTML syntax (web code used to add formatting to text)	Rendered output (as seen by visitors of the webpage)
I am <span style="color: red;">red</span> and I am <span style="color: blue;">blue</span>!	I am red and I am blue!