Cacher is the code snippet organizer for pro developers

// 波線（〜）を縦表示する
.waveline{
  position: relative;
  line-height: 1;
  &:after{
    content: '〜'; display: block;
    opacity: 0;
  }
  span{
    position: absolute;
    transform: rotate(90deg) translateX(-50%);
    top: 50%;
    left: 10px;
  }
}

<p class="waveline"><span>〜</span></p>