JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<header>
  <div class="left"></div>
  <div class="right"></div>
</header>

CSS

header {
  width: 100%;
  position: relative;
}
header:after {
  content: '';
  display: table;
  clear: both;
}
div.left {
  width: 100px;
  height: 100px;
  background: purple;
  display: inline-block; 
  vertical-align: bottom;
}
div.right {
  width: 50px;
  height: 50px;
  background: purple;
  display: inline-block;
}