Is there any way to make the HTML underline thicker?

Question

I have a centered div with a nested h1 inside. Is there any way to underline it with a thicker line than the html default?

Answer 1

Since you don't always want border-bottom (eg, item may have padding and it will appear too far away), this method works best:

h1:after {
    content: '';
    height: 1px;
    background: black; 
    display:block;
}

If you want a thicker underline, add more height

If you want more or less space between the text and the underline, add a margin-top:

h1:after {
    content: '';
    height: 2px;
    background: black; 
    display:block;
    margin-top: 2px;
}