文字列にマウスをのせると下線が広がる

こんにちは


p { border-bottom: 1px solid #aaa; transition: border-bottom .2s; } p:hover { border-bottom: 5px solid #aaa; }