ワードレスの記事内で囲み枠を中央に配置するには

ワードプレスの記事内でも、囲み枠を使うには。

こちらの記事を参考にしていただければよしとして。

さらに、

枠を狭くして、中央に配置するにはこんな感じ↓

 

<div style=”width:300px;margin-left:auto;margin-right:auto;”>
<div style=”background:#000066; border:1px solid #000066; padding-left:10px; font-size:1.16em;”><font style=”color:#ffffff; font-weight:bold;”>■タイトルはこちら■</font></div>
<div style=”border:1px solid #000066; padding:10px; font-size:1em;”>本文はこちら!<br>
改行後の本文はこちら(ここは削除してください。)</div></div>

 

■タイトルはこちら■
本文はこちら!
改行後の本文はこちら(ここは削除してください。)

 

 

このように、元々の囲い枠のソースの前後に

<div style=”width:300px;margin-left:auto;margin-right:auto;”>

</div>

をつけるとよいですね。

(300などの数値は任意に)

 

ブログであれば、こちら↓もどうぞ^^!

『見出し付き囲い枠-その2』の幅の調節は?(枠の幅を狭くしたい、枠を中央にしたい・・)

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA