<div class="demo demo3"> <div class="heading"><span>毎朝ちゃんと飲むUX</span></div> </div>
.demo { width: 500px; margin: 0 auto; padding: 10px 0; font-family: sans-serif; font-size: 20px; color:#3cb3e4; } .heading { margin: 10px 0 } .demo3 .heading { color: #3cb3e4; text-align: center; overflow: hidden; } .demo3 .heading span { display: inline-block; position: relative; } .demo3 .heading span:before, .demo3 .heading span:after { content: ""; border-bottom: 2px solid #3cb3e4; width: 45px; margin: 0 15px; position: absolute; bottom: 13px; } .demo3 .heading span:before { right: 100%; } .demo3 .heading span:after { left: 100%; }