JSFiddle - React, Tailwind, and code Playground

by Andrew Lyndem

HTML

<div class="note" contenteditable="true"><span id='close' onclick='this.parentNode.parentNode.removeChild(this.parentNode)'>
     <img src="http://lorempixel.com/40/40/abstract/1/" height="30" width="30" align="right" style="vertical-align: top; float: right"/>
  </span>Type here</div>

CSS

.note {
    width: 280px;
    height: 130px;
    padding-top: 20px;
    margin-top: 60px;
    margin-left: 25px;
    padding: 2;
    word-break: break-word;
    font-family: Note;
    font-size: 20px;
    background-image: url("http://www.allaboutkidsng.com/images/sticky-notes.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}