CSSテキストの上に強調点を付ける方法

 div{
    padding-top: .4em;
    background-position: top left 0px;
    background-repeat: repeat-x;
    background-size: 0.95em .3em;
    background-image: radial-gradient(.15em .15em at center center,#ec0081,#ec0081 100%,transparent);
    margin-top: 0.1em;
    display: inline-block;
}