JSFiddle - React, Tailwind, and code Playground

by Lazaro Contreras

HTML

<div class="signature-wrap sig1" style="margin-top:55px;">
                            <div class="avatar">
                                        <img src="http://www.statustrucks.com/wp-content/uploads/2016/03/status_blue-logo.jpg" alt="" height="85">
  </div>


<div id="select4">
<div class="profile">
    <h1>Lazaro Contreras</h1>
    <h5>Developer</h5>
    <ul class="contact-details vertical-details">
      <li><span class="text-color">Email:</span> [email protected]</li>
      <li><span class="text-color">Phone:</span> +526391211198</li>			    
    </ul>
    <p><span class="contact-details"><a href="http://www.statustrucks.com" target="_blank">www.statustrucks.com</a></span>
</p><div><a href="https://www.facebook.com/StatusTransportationOwnerOperator/" target="_blank"><img width="16" height="16" style="padding-right:10px;" src="http://www.statustrucks.com/wp-content/uploads/2016/03/fbicon.png"></a><a href="https://plus.google.com/+StatusTransportationCorp" target="_blank"><img width="16" height="16" style="padding-right:10px;" src="http://www.statustrucks.com/wp-content/uploads/2016/03/gplusicon.png"></a><a href="https://www.youtube.com/user/statustransportation" target="_blank"><img width="16" height="16" src="http://www.statustrucks.com/wp-content/uploads/2016/03/yticon.png"></a></div>

    
  </div>	  
</div>
</div>
<button onclick="copiarAlPortapapeles('.signature-wrap')">Copiar</button>

JavaScript

function copiarAlPortapapeles(elemento) {

  // Crea un campo de texto "oculto"
  var aux = document.createElement("textarea");

  // Asigna el contenido del elemento especificado al valor del campo
  aux.value = document.querySelector(elemento).innerHTML;

  // Añade el campo a la página
  document.body.appendChild(aux);

  // Selecciona el contenido del campo
  aux.select();

  // Copia el texto seleccionado
  document.execCommand("copy");
  
  //Elimina el archivo creado
  aux.remove();
  
}