セクションのタイトルなどで、デザインとして下線を入れる時があります。
その場合、border-bottomを使用するケースが多いです。
文字幅に合わせて、下線を入れたい時は
display: inline-block;
にします。テキストと下線の高さはpadding-bottomで調整します。
inline-blockにすると、テキストが左に寄ってしまいます。中央寄せにしたい時は親要素に
text-align: center；などを入れると中央によります。親要素がない時はダミーでもいいので作るといいかと思います。
