シンプル四角

目的

• シンプルな四角の見出しにしたい。

実行結果

サンプルテキスト

解説

• シンプルな下線にアクセントを付けたい時にオススメ。

HTML

<h6 class="layout_2_7">サンプルテキスト</h6>

CSS

.layout_2_7 {
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #064458;
	display: inline-block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}