前提・実現したいこと
下記のように、見出し(h2)を
・画面の中央に寄せる
・文字幅と同じ幅の下線を引く
としたいです。
WebサイトはJimdoを利用しています。
発生している問題・エラーメッセージ
下記のコードをコピペして使いました。
下線は引けるのですが、中央寄せができませんでした。
h2 {
display: inline-block;
border-bottom: solid 4px #ffa500;
}
一方で、下記コードを記載の上、Jimdo内の文字寄せ機能を使うと、
中央寄せができるのですが、文字幅の下線が引けませんでした。
h2 { border-bottom: solid 4px #ffa500; }
なお、下記のサイトです。
https://www.konoyubi-hoiku.com/
「私たちの描く保育の未来」「私たちがやること」などの部分です。
この両方を実現する方法はないでしょうか?
書かれている状況が再現するコード(HTML/CSSなど)を質問文に追記されたほうが回答を得やすいと思います。
ありがとうございます。回答が不足しており失礼致しました。
下記については、こちらのコードを使いました。
その後、Jimdo内に「中央寄せ」の機能があり、クリックしました。
中央寄せになり下線は引けるのですが、下線の幅が文字の幅を超えてしまい、どうにかしたいです。
h2 {
border-bottom: solid 4px #ffa500;
}
>一方で、Jimdo内の文字寄せ機能を使うと、
中央寄せができるのですが、文字幅の下線が引けませんでした。
HTMLは周りの要素やその指定の影響を受けることがあるので、一部を載せても情況が再現しません。公開されているサイトなのであれば、そのURLを提示するのも手段です。
ありがとうございます。
下記のサイトです。
https://www.konoyubi-hoiku.com/
「私たちの描く保育の未来」「私たちがやること」などの部分です。
よろしくお願い致します。
この「質問への追記・修正の依頼」の部分はデフォルトで表示されませんので、質問本文に追記することをお勧めします。
ありがとうございます。
本文に追記致しました。
回答1件
あなたの回答
tips
プレビュー