見出しの装飾について質問です。普通にCSSでhタグを装飾すると文字の長さは無関係に、親要素の幅いっぱいにボーダー等が描画されてしまいますよね?diplay: inline以外の方法で見出しの文字幅に応じたボーダーや背景色の設定の仕方を教えて下さい。
inlineにすると合わせてdivで囲ったりしないとブロック要素にならないので、マークアップが不要に煩雑になるのは避けたいので、なんとかhタグひとつで上記の要件を満たした装飾を行いたいです。
皆さんはどのようにしてこれを実現していますか?
質問者ですが解決しました。inline-block使えば一発でした。忘れてました。
え?widthで幅設定すればいいんじゃないの?
それだと固定なので文字列に応じた枠にはなりませんよ。設定幅より多くなったら改行されてしまいますし短い場合は余白ができます
ブラウザどこまで対応するのかなぁとか思ったら終わってた。
みんなの回答 3 件
質問者ですが解決しました。
inline-block使えば一発でした。忘れてました。
え?widthで幅設定すればいいんじゃないの?
ブラウザどこまで対応するのかなぁとか思ったら終わってた。
関連するトピックス