JSFiddle - React, Tailwind, and code Playground

Tab positioning with flex test.

by nilloc

HTML

<div class='tabs'>
  <div>test</div>
  <div>other</div>
  <div>last</div>
</div>

CSS

/* div{
  box-sizing:border-box;
  border:1px solid teal;
  padding:20px;
  height:200px;
  max-height:0;
  padding-top:0;
  padding-bottom:0;
  border-bottom:none;
  border-top:none;
  overflow:hidden;
} */
.tabs{
  display:flex;
  flex-direction:row;
}

.tabs div{
  position:relative;
  left:auto;
  border:1px solid teal;
  padding:10px;
  margin-right:-1px;
}