JSFiddle - React, Tailwind, and code Playground

by istepan

HTML

<div class="conteiner">
    <button>
        <div class="icon">!</div>
        <div class="text">123</div>
    </button>
</div>

CSS

body, html {width:100%; height: 100%; font-size:12px;}
.conteiner {width: 50%; height:30%}
button {width: 100%; height: 8em; padding:0; margin: 0; border:0}
button > div {float:left}
button .icon {width: 20%; height: 8em; background:blue}
button .text {width: 80%; height: 8em; background:red}