CSS underlining

Question

To underline text in CSS we can do:

h3 {text-decoration:underline;}

However this only underlines the text enclosed in h3 tag. What if want the underline to go across the page?

Thanks

Answer 1

Then you wouldn't have an underline, you'd have a border on the element.

border-bottom: 1px red solid;

Answer 2

You could try using a border:

h3 { border-bottom: 1px solid }

Answer 3

Assuming your element lies directly under the body tag you can use:

h3 {
    width: 100%;
    border-bottom: 1px solid red;
}

And the line will span across the entire page, or whatever element it is within...

Answer 4

Maybe try the horizontal rule (hr) tag? This can also be stylized however you'd like.

---