JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test_mlx" style="width:936px;border:1px solid red">a</div>
<div class="test_mrx" style="width:912px;border:1px solid blue">b</div>
<div class="test_mmx" style="width:912px;border:1px solid green">c</div>
<hr/>
<div class="test_ml">a</div>
<div class="test_mr">b</div>
<div class="test_mm">c</div>

CSS

div.test_ml {
    width:936px;border:1px solid red
}
div.test_mr {
    width:912px;border:1px solid blue
}
div.test_mm {
    width:912px;border:1px solid green
}