JSFiddle - React, Tailwind, and code Playground

by Daniil Khanin

HTML

<div class="box">

  <div class='box_1'>Левый
  </div>
  
    <div class='box_2'>Правый
  </div>
  
    <div class='box_3'>Центральный
  </div>
  
  
  <div class='clear'>

  </div>
  </div>

CSS

.box {
  
  padding:4px;
  
  border:1px solid green;
  
}

.box_1 {
  
  float:left;
  
  width:100px;
  
}

.box_2 {
  
  float:right;
  
  width:100px;
  
}

.box_3 {
  
  margin:0px 100px 0px 100px;
  
  border:1px solid red;
  
}

.clear {
  
  clear:both;
}