ボックスデザイン

枠の途中にタイトルあり

<section>
	<p>営業時間</p>
	<p>TEL : 03-1234-5678</p>
	<p>午前10時〜午後5時まで</p>
</section>

section {
	position: relative;
	margin: 2em 0;
	padding: 2em;
	border: 1px solid #333;
	p {
		&:first-child {
			position: absolute;
			display: inline-block;
			top: -0.5em;
			left: 1em;
			padding: 0 1em;
			line-height: 1;
			font-size: 1em;
			background: #fff;
			font-weight: bold;
		}
	}
}