JSFiddle - React, Tailwind, and code Playground

by Burkhard GS

HTML

<br />

<ul>
    <li>normaler Text</li>
    <li>weisser Text</li>
    <li>normaler Text</li>
    <li>weisser Text</li>
    <li>normaler Text</li>
    <li>weisser Text</li>
</ul>

<br />

CSS

ul { 
    /* list-style-type:none; */
    list-style-image:url('http://s7.directupload.net/images/131029/rth3yhuh.gif');
    margin:2px; 
    padding:2px 2px 2px 28px;  
    background:#DEDEDE; 
    width:280px; 
}

li { 
    margin: 6px; 
    padding: 4px 2px 4px 8px; 
    width:250px; 
    color:#000000; 
    background:#FFFFFF; 
}

.darkli { 
    margin: 6px; 
    padding: 4px 2px 4px 8px; 
    width:250px; 
    color:#FFFFFF; 
    background:#000000; 
}

li:nth-child(even) {
    margin: 6px; 
    padding: 4px 2px 4px 8px; 
    width:250px; 
    color:#FFFFFF; 
    background:#000000; 
}