JSFiddle - React, Tailwind, and code Playground

by Silvestrs Kante

HTML

<div style="
    margin-left: 20px;
    margin-top: 20px;
    font-size: 18px;
    line-height: 21px;
">
  <div class="contact-header">Email</div>
    <div id="menuContactEmail">[email protected]</div>
  <div class="contact-header">Phone</div>
  <div style="
" id="menuContactPhone">+1-416-482-1575</div>
  <div class="contact-header">Fax</div>
  <div id="menuContactFax">+1-416-482-2267</div>
  <div class="contact-header">Our Office</div>
  <p style="
    margin: 0;
" id="menuContactAddress">
  	120 Eglinton Ave East<br>
    Suite 301 <br>
    Toronto, ON, M4P 1E2
  </p>
</div>

CSS

.contact-header {
    margin-top: 8px;
    font-weight: bold;
    font-size: 14px;
    line-height: 13px;
}

JavaScript

function selectText(containerid) {
        if (document.selection) {
            var range = document.body.createTextRange();
            range.moveToElementText(document.getElementById(containerid));
            range.select();
        } else if (window.getSelection) {
            var range = document.createRange();
            range.selectNode(document.getElementById(containerid));
            window.getSelection().addRange(range);
        }
    }