JSFiddle - React, Tailwind, and code Playground

by Bob Wilson

HTML

<span class="headerText"><a class="headerText" href="http://example.com">my link</a></span>

CSS

.headerText {transition: all .2s ease-in-out;}
.headerText:hover {transform: scale(2.1);}
a.headerText {
   font-family: arial;
   font-weight:bold;
   font-style:none;
   font-size:28px; 
   text-decoration:none;
   text-align:center;  
   color:purple;
   white-space:nowrap;  
   margin-left:20px;
   line-height:1.6;
   
}
a.headerText:hover   {color:green;  }