JSFiddle - React, Tailwind, and code Playground

by naykris

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam rerum, doloremque repellat at.</p>

<input type="text">

CSS

p {
  background-color: yellow;
  padding: 8px;
}

p::before {
  content: '';
  color: red;
  width: 32px;
  height: 32px;
  background-color: blue;
  border-radius: 50%;
  display: inline-block;
  background-image: url(http://www.trenatics.com/public/images/iconfile/sprites/css-sprite/sprite-action-grey600.png);
  background-position: -205px -175px;
}

input::before {
  content: 'before';
}