JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="group">
  <div class="inline">inline</div>
</div>

<div class="clear"></div>

<div class="group">
  <div class="inline-block">inline-block</div>
</div>

CSS

.clear {
  clear: both;
}

.group {
  margin: 50px 20px;
  background: #eee;
  border: 1px solid red;
}
.inline {
  display: inline;
  float: left;
}
.inline-block {
  display: inline-block;
  float: left;
}