Heading with short bottom border

Example of styling a header with a 'short bottom border' using :after

HTML

<h1>Heading with short bottom border</h1>

<p class="author">
    Created by <a href="http://www.parkji.co.uk" title="Parkji.co.uk">parkji</a>
</p>

CSS

h1 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    position: relative; text-align:center;
}
h1:after {
    content: " ";
    border-bottom: 1px solid;
    position: absolute;
    bottom: 0;
    left: 45%;
    width: 40px;
}

.author {
    font-size: 14px;
    margin: 40px 0 0;
}