JSFiddle - React, Tailwind, and code Playground

HTML

<br />

<ul>
  <li>normaler Text</li>
  <li class="darkli">weisser Text</li>
  <li>normaler Text</li>
  <li>normaler Text</li>
  <li class="darkli">weisser Text</li>
  <li>normaler Text</li>
</ul>

<br />

CSS

ul { 
  list-style-type:none; 
  margin:2px; 
  padding:2px;  
  background:#DEDEDE; 
  width:300px; 
}

li { 
  margin: 6px; 
  padding: 4px 2px 4px 30px; 
  width:250px; 
  color:#000000; 
  background:#FFFFFF url('http://s7.directupload.net/images/131029/rth3yhuh.gif') no-repeat left center; 
}

.darkli { 
  margin: 6px; 
  padding: 4px 2px 4px 30px; 
  width:250px; 
  color:#FFFFFF; 
  background:#000000 url('http://s7.directupload.net/images/131029/rth3yhuh.gif') no-repeat left center; 
}