JSFiddle - React, Tailwind, and code Playground

by Luis E. Ibarra

HTML

<p>Paragraph one</p>
<ul>
  <li><span>•</span>
    <p>Some text here. Some text here. Some text here. Some text here. Some text here. Some text here.</p>
  </li>
  <li><span>•</span>
    <p>Some text here. Some text here. Some text here.</p>
  </li>
</ul>
<p>Paragraph two</p>

CSS

ul {
  background-color: yellow;
  padding-left: 0;
  width: 100%;
}

li {
  display: table;
}

li span {
  width: 40px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background-color: cadetblue;
  font-size: 200%;
}

li p {
  padding: 6px;
  margin: 0;
}