JSFiddle - React, Tailwind, and code Playground

by whatisthebigpicture

HTML

<header>
  <div class="div1">Child 1</div>
  <div class="div2">Child 2</div>
  <div class="div3">Child 3</div>
</header>

CSS

header {
  position: relative;
}
div {
  outline: 1px solid red;
}
.div1 {
  width: 100px;
  float: left;
}
.div2 {
  margin-right: 100px;
}
.div3 {
  width: 100px;
  top: 0;
  right: 0;
  position: absolute;
}