Сделайте нижнюю часть границы h2, просто подчеркните текст, а не div ⇐ CSS

[Anonymous]

Я хочу сделать нижнюю границу h2:after, чтобы заполнить текст, а не div.
Вот мой код:

Код: Выделить всё

.text_box{
margin: 0 auto;
width: 355px;
background:red;
}

h2{
margin: 0 auto;
font-weight: 100;
font-size: 1em;
text-align: center;
padding:20px;
}

h2:after{
content:'';
background:black;
width:100%;
height:2px;
display:block;
}

Код: Выделить всё

NEWS & ACCOLADES

JSFiddle: http://codepen.io/rezasan /pen/YNZQEQ

Подробнее здесь: https://stackoverflow.com/questions/417 ... ot-the-div