<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; }