JSFiddle - React, Tailwind, and code Playground

by BoxMan0617

HTML

<div class="dash-outter-box">
    <div class="dash-left">
        <div class="dash-content">
            Content
        </div>
        <div class="dash-morebar">
            More
        </div>
    </div>
    <div class="dash-right">
        <div class="dash-actions">
            Actions
        </div>
    </div>
    <div class="clear"></div>
</div>

CSS

.clear { clear: both; }

.dash-outter-box {
  height: 150px;
  width: 100%;
  margin: 5px 5px 0;
}

.dash-left, .dash-right {
  height: 100%;
}

.dash-left {
  float: left;
  width: 80%;
}

.dash-right {
  margin-left: 80%;
}