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