Edit in JSFiddle

<h1 class="title5">
<span>WEBデザイナーのしおり</span>
</h1>

.title5 {
	position: relative;
	text-align: center;
}
.title5 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
.title5::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}