タイトルの横に線を引きたい
先に見本を示すとこういう事がしたかった
See the Pen タイトルの横に線を引く by yuzu (@yuzu441) on CodePen.
参考にしたもの
やりたかったこととの差
参考にさせていただいた例では左右に線を引いて文字を真ん中に持ってきていて、左右どちらかの線が無い場合、文字サイズ分を引いた残りの部分全てに線を引いてしまいます
やりたかったこととしては左右両方ではなく、片方に特定の長さ線を引きたかった
やったこと
flex-growプロパティを使って長さを調節していたので、それを普通のwidthにして長さを指定することで期待したものができました
長さを変更したい場合はwidthの設定を変更すると長さを変更できます
