JSFiddle - React, Tailwind, and code Playground

by stevenkaspar

HTML

<div style='position: relative;' id='imageContainer'>
  <img src='http://i.stack.imgur.com/k9vQS.jpg'/>
</div>

<script>
var letter = {
  label: '5',
  top: 253,
  left: 29
}

var letter_elem = document.createElement('span');
letter_elem.style.top = letter.top + 'px';
letter_elem.style.left = letter.left + 'px';
letter_elem.innerHTML = letter.label;
letter_elem.className = 'number';

document.getElementById('imageContainer').appendChild(letter_elem);
</script>

CSS

.number {
  
    position: absolute;
    top: -1000px;
    left: -1000px;
    font-size: 28px;
    min-width: 32px;
    background: #fff;
    text-align: center;
    
}