CSSで見出しの文字部分だけに下線

しょっちゅう忘れるからメモ。
<h1><span class="title">見出し部分</span></h1>
#header h1 span.title {
        display: inline;
        padding: 2px 0.5em;
        border-bottom: 2px solid #f00;
        font-size: 130%;
        font-weight: bold;
}