JSFiddle - React, Tailwind, and code Playground

by tudor2004

HTML

<ul>
    <li class="cf">
        <span class="left">Grundgebühr:</span>
        <span class="left">34,95 &euro;</span>
    </li>
	
    <li>
        <span class="left">Anschlussgebühr:</span>
        <span class="left">29,95 &euro;</span>
    </li>
	
    <li>
        <span class="left">Mindestumsatz:</span>
        <span class="left">0,00 &euro;</span>
    </li>
	
    <li>
        <span class="left">Mindestlaufzeit:</span>
        <span class="left">24 Monate</span>
    </li>
</ul>

CSS

ul {
    list-style-type: disc;
	margin: 7px 0 0 15px;
}
ul li { 
    margin-bottom: 4px;
}

ul li .left { float: left; width: 100px; margin-right: 10px; }