JSFiddle - React, Tailwind, and code Playground

HTML

<style type="text/css">
#contactInfo {
    margin:auto;
    width: 480px;
    height: auto;
}
</style>
<div id="contactInfo">
  <p>Email: ..................................................................................................................................................<a href="mailto:info@hereistheemail.com" Class="redBold">info@hereistheemail.com</a></p>
  <p>Phone: ..................................................................................................................................................<span class="redBold">888-888-8888</span></p>
</div>

CSS

#contactInfo p
{
    position:relative;
    white-space: nowrap;
    overflow: hidden;
}

#contactInfo span,#contactInfo a
{
    position:absolute;
    right:0px;
    background: white;
}