JSFiddle - React, Tailwind, and code Playground

by longlongyu

HTML

<div id='test'>
  <div>
    <span>1</span>
  </div>
  <div>
    <strong>2</strong>
  </div>
  <div>
    <a>3</a>
  </div>
  <div class='inlineblock'>4</div>
</div>

CSS

* {
  border: 1px solid red;
}

#test>div {
  display: inline-block;
}

.inlineblock {
  line-height: 10;
  width: 100px
}

a {
  line-height: 7;
  vertical-align: bottom;
}

strong {
  line-height: 5em;
  vertical-align: top;
}

span {
  line-height: 120px;
}