JSFiddle - React, Tailwind, and code Playground

by Yaakov Ainspan

HTML

<h1><a href="#">Foo</a></h1>

CSS

h1 {
  width: 100px;
  text-align: center;
  margin: 0px;
  background: green;
  box-shadow: 30px 0 0 black;
  font-size: 24px;
  line-height: 50px;
  /*I use 0.5px to show the bug, I would use n% in real conditions*/ 
  transform: translate(0.5px, 0); 
}
h1 a {
  color: white;
  text-decoration: none;
}