JSFiddle - React, Tailwind, and code Playground

by Sascha

HTML

<ul class="warnings">
  <li class="corrosive">Corrosive</li>
  <li class="cutting">Cutting</li>
  <li class="electrical">Electrical</li>
</ul>

CSS

ul.warnings li {
  padding-left: 10px;
  margin-left: 20px;
  line-height: 30px;
}
ul.warnings li.corrosive {
  list-style-image: url(http://www.famfamfam.com/lab/icons/silk/icons/date.png);
}
ul.warnings li.cutting {
  list-style-image: url(http://www.famfamfam.com/lab/icons/silk/icons/date.png);
}
ul.warnings li.electrical {
  list-style-image: url(http://www.famfamfam.com/lab/icons/silk/icons/report.png);
}