JSFiddle - React, Tailwind, and code Playground

by mamezito

HTML

<div style="width:600px;">

<div class="container">
<div class="box1">box 1</div>
<div class="box2">box 1</div>
</div>
</div>
<br><br>
<div style="width:900px; margin-top:20px;">

<div class="container">
<div class="box1">box 1</div>
<div class="box2">box 1</div>
</div>
</div>

CSS

.box1{
  background:#ffcc00; width:300px;
  display:inline-block;
}
.box2
{
  background:#ccc;
  width:400px;
  display:inline-block;
}
.container
{
  background:blue;
   display: inline-block;
}