JSFiddle - React, Tailwind, and code Playground

by harianus

HTML

<div>
  <p>Small text</p>
  <p><input type="submit" value="Do something" class="button"></p>
</div>

SCSS

@mixin clearfix() {
  &::after {
    content: "";
    display: table;
    clear: both;
  }
}

div {
  @include clearfix;
  width: 300px;
  border: 1px solid orange;
  display: flex;
  align-items: center;
  justify-content: space-between;
  
  p {
    border: 1px solid green;
  }
}