JSFiddle - React, Tailwind, and code Playground

by josangel555

HTML

<p class="a">0</p>
<p class="b">1</p>
<p class="c">2</p>
<p class="d">3</p>

CSS

body{background-color: black; font-family: sans-serif; 
font-weight: 200;}

p{border: 1px solid red; border-radius: 2px;
  padding: 1px 5px; display: inline-block;}
  
.a{border-color: gray; color: gray;}

.b{background-color: red; border: none; color: white;}

.c2{border-color: green; color: green;}
.c{border: none; background-color: green; color: white;}

.d2{border-color: blue; color: blue;}
.d{border: none; background-color: blue; color: white;}