個人的に見た目が気に入ってる下線引く方法

自分用メモ

HTML

<p>
    このクラス当てたら、<span class="underline">underlineと違って太さも変えられる</span>し、蛍光ペンみたいで好き。
</p>

CSS

p span.underline{
    display:inline-block;
    box-shadow:0 -10px 0 -4px rgba(255,0,0,0.4) inset;
    /*             ↑　ここのサイズ変えたら色々 */
}