JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<ul>
    <li>10%</li>
    <li>50%</li>
    <li>70%</li>
    <li>90%</li>
</ul>

CSS

ul {
	    width: 70%;
	    margin: auto;
	    background-color: #8DDB82;
	    list-style: none;
	    padding: 0;
	}
	li {
	    line-height: 2em;
	    margin-top: 3px;
	    background-color: #D27BD0;
	    text-align: center;
	}
	li:nth-child(1) {
	    width: 10%;
	}
	li:nth-child(2) {
	    width: 50%;
	}
	li:nth-child(3) {
	    width: 70%;
	}
	li:nth-child(4) {
	    width: 90%;
	}