How can I make h3 tag appear like this? I tried to apply width

Question

Editorial Team

Asked: June 16, 20262026-06-16T02:51:14+00:00 2026-06-16T02:51:14+00:00

How can I make h3 tag appear like this?

enter image description here

I tried to apply width and max-width css rules (e.g width: 120px; or 150px) but the words appears to each next to each other.

Any suggestion?

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-06-16T02:51:15+00:00

Editorial Team

One of the ways to do that:

h3{
 text-transform:uppercase;
 background:green;
 color:white;   
 float:left;
 text-align:center;
 width:100px;
}

The Archive Base Latest Questions