JSFiddle - React, Tailwind, and code Playground
HTML
<ul class="w100 list">
<li class="w50 left">vänster</li>
<li class="w50 center">mitten</li>
<li class="w50 right">höger</li>
</ul>
CSS
.w100 {
width: 100px;
}
.w50 {
width: 50px;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}