JSFiddle - React, Tailwind, and code Playground

by Praveen Kumar Purushothaman

HTML

<div class="text"><a href="http://www.singbei.com" target="_blank">sin<span class="lowercase">g</span>bei</a></div>

CSS

.text {background-color: #000; padding: 15px;}

.text a:link {
  color: #fff;
  border-bottom: solid 2px;
  text-decoration: none;
}

.text a:link .lowercase {
  border-bottom: 2px solid #000;
}