「タイトルつき囲み枠の
タイトル部分を中央にしたい」
そんな方のために
今回はタイトル部分を中央にする方法をご紹介します。
【例】トキ色の囲み枠
タイトル部分が左の方にあります。
<fieldset style="display:inline-block; border: 2px solid #f4b3c2; padding: 15px;"><legend> タイトル </legend>本文はここに入力してください。改行はShift+Enterで！</fieldset>
コードの
<fieldset style="display:inline-block; border: 2px solid #f4b3c2; padding: 15px;">
『;"』の間に
text-align: center;を入れます。
<fieldset style="display:inline-block; border: 2px solid #f4b3c2; padding: 15px;text-align: center;"><legend> タイトル </legend>本文はここに入力してください。改行はShift+Enterで！</fieldset>
ただ、このままだと囲み枠の中の文字も
中央寄せになるので＾＾；
通常表示で
文章をドラッグして選択してから
「左寄せ」をクリックします。
タイトルは中央に、文章は左寄せになりました！
囲み枠ごと中央に寄せたい方はこちら
↓ ↓ ↓
囲み枠の幅を画面幅にしたい方はこちら
↓ ↓ ↓
※囲み枠の無断転載・再配布は禁止です。
よくある質問【囲み枠編】をご覧ください。
囲み枠 月間ランキング
2021年6月囲み枠ベスト10 2021年5月囲み枠ベスト10 2021年4月囲み枠ベスト10 2021年3月囲み枠ベスト10 2021年2月囲み枠ベスト10 2021年1月囲み枠ベスト10⇒ カラー別アメブロ囲み枠
⇒ 囲み枠の便利な情報
あなたらしさが伝わるアメブロカスタマイズと、書きやすい・読みやすい・伝わりやすいブログにするブログ診断で、集客につながるブログ作りをサポートしています。
◆ ご提供中のメニュー
◆ アメブロカスタマイズ
◆ アメブロカスタマイズとペライチセット
◆ バナー制作
◆ LINEのリッチメニュー制作
◆ ブログ診断
LINEの友だち追加で
「アメブロで使えるかわいいマーカー」をプレゼント！
「マーカー」と送って下さい
ID検索は @570smkow