CSS ボックスデザイン

シンプルな囲み（ボックス）を作成できるCSSです。必要に応じて、上部にタブ（耳）を付けることもできます。ボックス内の文章とタブの文字には、どちらも段落ブロックを使用します。

タブ表示（mimi と 追加CSSクラス に記載）

ボックスで囲みたい文章（box と 追加CSSクラス に記載）

まず、下記のコードを　ダッシュボード＞外観＞カスタマイズ＞追加 CSS　に記述します。
投稿作成時、段落ブロックの高度な設定の 追加CSSクラスに box と記載、タブを付けたい場合は mimi と記載します。

/* ボックス */
.box {
	margin-top: 0 !important;
	padding:15px 20px;
	border: solid 1px #235787;
}

.mimi {
	margin-top: 10px ;
	margin-bottom: 0 !important;
	padding: 5px 25px 0px;
	display: inline-block;
	background: #235787;
	color: #ffffff;
	font-weight: bold;
}