<div class="demo demo8"> <div class="heading">毎朝ちゃんと飲むUX</div> </div>
.demo8 .heading { overflow: hidden; align-items: center; background: #3cb3e4; color: #fff; height: 40px; line-height: 40px; display: flex; } .demo8 .heading:before, .demo8 .heading:after { content: ""; flex: 1; background: #fff; padding: 3px 0; height: 0; transform: rotate(45deg); } }