JSFiddle - React, Tailwind, and code Playground

by JackIsJack

HTML

<div id="parent">
  <div class="enfant">1</div>
  <div class="enfant">2<div class="menu"></div></div>
  <div class="enfant">3</div>
</div>

CSS

#parent {
  display: flex;
  flex-direction: row;
}

.enfant {
  background-color:red;
  width: 50px;
  height: 50px;
  margin: 5px 5px 5px 5px;
}

.menu {
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 10px;
  background-color: blue;
}