Heapcoding

How to make each word start with capital in HTML

Published November 24, 2021

In this tutorial I shall teach you how to make each word start with capital in html.

Let’s start step by step.

How to make each word start with capital in HTML

In the above screenshot you can see I have written “h3” heading with some dummy text.

Let’s render it in the web browser to see our webpage.

How to make each word start with capital in HTML

In the above image you can see our text is rendered in the web browser. 

Now let’s make each letter of word capital using CSS.

How to make each word start with capital in HTML

In the above screenshot you can checkout I have applied some CSS to our “h3” heading.

I have added the “text-transform” property and given the value “capitalize”.

Now let’s render the webpage again in our web browser to see the changes.

How to make each word start with capital in HTML

Congratulations! You have successfully made each letter of word Capital in html using CSS.