JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <body>
        <div width="100%">
            <div class="right">item4</div>
          <div class="right">item3</div>

<div class="left">item1</div>
<div class="left">item2</div>
        </div>
    </body>
</html>

CSS

.left, .right
{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.right
{
    float: right;
}