<hr class="hr-yo">

/* Common Style Setting */
hr{
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
   
}
/* [16] Wave Line » Note Reference */
.hr-yo{
    height: 10px;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg width=\'20\' height=\'10\'  viewBox=\'0 0 20 10\' xmlns=\'http://www.w3.org/2000/svg\' fill-rule=\'evenodd\' clip-rule=\'evenodd\' stroke-miterlimit=\'10\'%3e%3cpath fill=\'none\' d=\'M0 0h20v10H0z\'/%3e%3cclipPath id=\'a\'%3e%3cpath d=\'M0 0h20v10H0z\'/%3e%3c/clipPath%3e%3cg clip-path=\'url(%23a)\'%3e%3cpath d=\'M20 7.384c-4.999-.001-5-4.768-9.999-4.768C5 2.616 5 7.384 0 7.384\' fill=\'none\'  stroke=\'gainsboro\'/%3e%3c/g%3e%3c/svg%3e');
}