2 Easy Ways to Underline Text in CSS and HTML

Define a CSS Class Style. You'll be able to quickly underline at any time. In your style sheet or You can use this class to

Consider other methods for highlighting text. Underlining should be avoided to keep from confusing your reader. One popular method is to use the tag, which italicizes text. You can use CSS to further define this tag for unique emphasis. Anything that uses the em element will be italicized (because of the default settings), as well as red because of the additional style settings added above.

Using HTML (Deprecated)

Avoid using the old tags. This has been "deprecated", which means it works but is no longer in use or recommended. This is because HTML is not designed to style content. The tag will still work, but it is now supposed to represent text that is different than the other text, such as misspelled words.

Use the tags to underline (demonstration only). There is virtually no case where you should be using this method anymore. However, it can be good to know how it was used in the event you have to update an old website. The old underline tag in HTML allowed you to underline things quickly, but it made things a mess when other style elements got involved. This is why modern underlining is accomplished using the "text-decoration" CSS element.