JSFiddle - React, Tailwind, and code Playground

by Joan Molina

HTML

<p>Click on the link to show the hidden paragraph: <a href="#info">show me</a>.</p>
<p id="info">This is the hidden paragraph.</p>

CSS

/* here's pseudoclass-target in action */

p#info {
    display:none;
}

p#info:target {
    display:block;
    border:2px solid red;
    background-color:yellow;
    width:250px;
    text-align:center;
}