Select Page

How to convert all text to uppercase using CSS

If you have text within a div tag that you want to convert to Uppercase you can achieve this using the CSS text-transform property that was introduced in CSS1

E.g.

You want to convert 

<div>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</div>

to  

<div>
LOREM IPSUM IS SIMPLY DUMMY TEXT OF THE PRINTING AND TYPESETTING INDUSTRY.
</div>

to do this we assign the text-transform: uppercase;  css property to the div tag’s styling 

div {
     text-transform: uppercase;
}

Leave a reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.