JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left">left</div>
<div class="content">content</div>
<div class="right">right</div>

CSS

.left,
.right {
  background: darkred;
  width: 10%;
}

.left,
.content,
.right {
  height: 500px;
  float: left;
}

.content {
  background: silver;
  margin: 0 1px;
  width: 79%;
}