JSFiddle - React, Tailwind, and code Playground

by mehulkar

HTML

<p>Some text goes here</p>
<ul>
  <li><em>foo</em> something</li>
  <li><em>foobar</em> something</li>
  <li><em>fo</em> something</li>
  <li><em>foo xx</em> something</li>
</ul>

CSS

li {
  margin-bottom: 10px;
  list-style: none;
}
li em {
  margin-right: 1em;
  font-style: normal;
  border-radius: 2px;
  background-color: rgb(176, 201, 95);
  padding: 5px;
  color: white;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}