JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<div class="box">
    <div class="child">
    子要素１
    </div>
    <div class="child">
    子要素２
    </div>
    <div class="clear">

    </div>
</div>

CSS

.box {
  background-color: aqua;
  padding: 10px;
}
.child {
  background-color: yellow;
  width: 50%;
  float: left;
}
.clear {
  clear: both;
}