JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="foo">
  
  Lorem ipsum dolor sit amet, <span>test</span> consectetur adipisicing elit. Porro veritatis ipsam possimus sapiente totam, id rem, neque voluptatibus commodi facilis vitae, esse quia? Omnis necessitatibus quasi ducimus at itaque quidem.
</div>
<div class="screen"></div>

CSS

span {
  display: inline-block;
  transform: translate(0, -5px);
  position: relative;
}
.screen {
  width: 100%;
  height: 100vh;
  background-color: red;
  margin-top: -100px;
  position: relative;
}