JSFiddle - React, Tailwind, and code Playground

by cssGuy

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In tempora debitis ab ad cum voluptas suscipit dolorem <a href="#">link text</a> atque voluptates doloribus quidem consequuntur <b>bold text</b> consectetur odit deserunt nam pariatur ex saepe <i>italic text</i> asperiores!</p>

CSS

/* CSS TEXT DECORATION MODULE LEVEL 3 */

p {
    font: 200%/1.5 arial;
    /*LONGHAND PROPERTIES*/
    text-decoration-line: overline; /*none,underline,overline,line-through,blink(deprecated)*/
    text-decoration-color: gold;
    text-decoration-style: dashed; /*solid,double,dotted,dashed,wavy*/
    /*SHORTHAND PROPERTY*/
    /*text-decoration: <text-decoration-line> || <text-decoration-style> || <text-decoration-color>;*/
}