JSFiddle - React, Tailwind, and code Playground

by naykris

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim quas culpa est veniam adipisci, quos error velit laboriosam alias odio quidem sunt, quia.
<label for="id">name</label>

</p>

<div>
  <input type="text" id="id">
</div>

<input type="radio" name="gender">
<input type="radio" name="gender" checked>

CSS

p{
  background-color: yellow;
}

p::before {
  content: '';
  width: 18px;
  height: 18px;
  display: inline-block;
  background-color: red;
  background-image: url(https://true-coder.ru/wp-content/uploads/2012/03/css-sprites.gif);
  background-position: 120px 40px;
}

p::after {
  content: 'text 2'
}