JSFiddle - React, Tailwind, and code Playground
HTML
<div id="test-div">
<a href="tel:01553133564">01553133564</a>
<a href="mailto:[email protected]">[email protected]</a>
</div>CSS
#test-div a { display:block; }
#test-div a[href*="tel"],
#test-div a[href*="mail"] { display:block; }
#test-div a[href^="tel"]:before { content:"t."; }
#test-div a[href^="mailto"]:before { content:"e."; }