Untitled

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.5/clipboard.min.js"></script>
  </head>

  <body>
    <!-- 1. Define some markup -->
    <div id="myCopySource" style="border: 2px solid" data-clipboard-action="copy" data-clipboard-target="#myCopySource"><h1>Inner Heading</h1><br/><span>And a span is also in here.</span></div>
    <!-- 2. Instantiate clipboard -->
    <script>
    var clipboard = new Clipboard("#myCopySource");
    clipboard.on('success', function(e) {
        console.log(e);
    });
    clipboard.on('error', function(e) {
        console.log(e);
    });
    </script>
  </body>

</html>

// Code goes here

/* Styles go here */