Copying HTML to the clipboard with background colour.

by Sam Miller

HTML

<br>
<div id='purple' class='colour'>
PURPLE
</div>
<div id='blue' class='colour'>
BLUE
</div>

<h4>HTML checker.</h4>
<div id='copyCheckerHTML' class='copyChecker' contenteditable='true'></div>

CSS

#purple {
   background-color: #b4a7d6;
}

#blue {
   background-color: #6fa8dc;
}

.colour {
  width: 100px;
}


#copyCheckerHTML {
   margin-top: 10px;
   display: block;
   width: 300px;
   height: 100px;
   border: 1px solid #ff0000;
}