note.cssで文字に合わせて罫線が引かれているのを見て「これがやりたかったんだよ」とソースを見たら…単にfont-sizeを固定して背景に罫線画像を引いているだけだった。
文字サイズを固定せずに、アンダーラインをブロック終端まで引く方法は無いものか。text-decoration:underlineでは文字のあるところにしか下線が表示されないし、border-bottomではブロックの一番下にしか線が表示されない。
いっそhrをposition指定で重ねてしまうか?いや、これだとfont-sizeを固定せざるを得ないから、それなら背景画像の方がスマートだ。