Title with bottom border smaller than width

Question

I need to create an underline effect with a bottom border that is smaller than the h2 title\'s width. Usually I don\'t upload images but I figu

Answer 1

You could use a sort of 'fake' border by simply wrapping a div around it and making a border div after the title

JSFiddle

HTML

    
My address
    

CSS

#border-wrapper{
    position:relative;
    display:inline-block;
}
#border{
    position: relative;
    width: 50%;
    height: 2px;
    background-color: blue;
    margin: 0 auto;
}