JSFiddle - React, Tailwind, and code Playground

HTML

<div class="father">
    <div class="content clearfix">
        <div class="right">
        	右边右边右边右边右边<br />
          右边右边右边右边<br />
          右边右边右边<br />
          右边右边<br />
          右边
        </div>
        <div class="left">
            左边<br />
        </div>
    </div>
</div>

CSS

html,body{margin:0; padding: 0;}
.clearfix { zoom: 1 }
.clearfix:after { content: ""; display: block; height: 0; line-height: 0; font-size: 0; visibility: hidden; clear: both; }

.father { width: 950px; margin: 0 auto; background: #FAD7F0; }
.content { margin-left: 150px;  background: lightblue; }
.right { float: left; width: 100%; }
.left { float: left; width: 150px; margin-left: -950px; position: relative; }