JSFiddle - React, Tailwind, and code Playground

by Mihir Kumar

HTML

<div class="body">This is a sample body This is a sample body
  This is a sample body
  This is a sample body
  This is a sample body
  This is a sample body
  This is a sample body
  This is a sample bodyThis is a sample bodyThis is a sample body
  This is a sample body
  This is a sample body
  This is a sample body
  This is a sample body
  This is a sample body
  This is a sample body
  This is a sample body
  v
  This is a sample body
  This is a sample body
  This is a sample body
  This is a sample body
  This is a sample body
  This is a sample body
  <div id="watermark">
    Sample Watermark
  </div>
  This is a sample body
  This is a sample bodyThis is a sample bodyThis is a sample body
</div>

CSS

#watermark {
  opacity: 0.2;
  font-size: 10px;
  color: 'black';
  background: '#ccc';
  position: absolute;
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  right: 5px;
  bottom: 5px;
}