JSFiddle - React, Tailwind, and code Playground

HTML

<select><option>I should be 100px indented</option></select><br />
<p>100px wide</p><p>100px wide</p>

CSS

select {
    padding: 0px;
    width: 400px;
    background: darkblue;
    color: #fff;
    text-indent: 100px;
    border: 0;
}

p {
    background: #000;
    text-align: center;
    color: #fff;
    line-height: 30px;
    width: 100px;
    display: block;
    float: left;
}

p + p {
    opacity: 0.8;
}
}