Edit line thickness of CSS 'underline' attribute

Question

Since you can underline any text in CSS like so:

h4 {
    text-decoration: underline;
}

How can you also then edit the \'line\' that is drawn

Answer 1

Here is one way of achieving this :

HTML :

This is a heading

This is another heading

​CSS :

 u {
    text-decoration: none;
    border-bottom: 10px solid black;
  }​

Here is an example: http://jsfiddle.net/AQ9rL/