JSFiddle - React, Tailwind, and code Playground

by Gisele Lima

HTML

<a href="#l1">Link1</a>
<a href="#l2">Link2</a>
<a href="#l3">Link3</a>
<hr>
<p id="l1">Yay!</p>
<p id="l2">Yay!</p>
<p id="l3">Yup!</p>

CSS

p {
    color:black;
    font-weight:normal;
    margin-left:0px;
    transition:all 0.5s linear;
}

p:target {
    color:red;
    font-weight:bold;
    margin-left:20px;
    transition:all 0.5s linear;
}