Skip to content

Help us create more tutorials! Make a donation using the Donate button or become a member using the button below to hide this banner and track your progress.

span element – HTML

Summary

To style a section of text inside of another element, use the span element to wrap the text and add a class or id attribute to it, like this:

<p>The span element is used to <span class="my-class">style text inside</span> of another element.</p>

Demo

Exercises

First, recreate the HTML code in the embedded CodePen demo.
Then recreate the CSS code in the embedded CodePen demo.

References

span element on MDN

Lesson tags: Open Lesson
Back to: CSS Course > CSS HTML Elements