CSS spans...
...are similar to div in that they both divide the content into individual sections. The difference is that span goes into a finer level, so we can span to format a single character if needed. Spans are an inline element versus divisions that are a block level element.
No linebreak is created when a span is declared.
Wrapping text with an opening
and closing
allows you to add styles by adding a class attribute and using CSS to define the look of that class. <p>This text is <span style="color:blue;font-weight:bold">blue </span> and this is <span style="color:red;font-weight:bold">red </span>.</p>

This text is blue and this is red.

<style> span.text {font-size:120%;color:red;} </style> <h3>An <span class="text">Important</span> Heading</h3> <p>This is<span class="text">important</span> text.</p>

An Important Heading

This is important text.