JSFiddle - React, Tailwind, and code Playground

HTML

<div>Hello <b></b></div>

CSS

html, body { margin:0; padding: 0; height: 100%; }

div  {
  font-size: 10em;
  text-transform: uppercase;
    color: white;
    background: black;
    text-shadow: 0 0 1px #000;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    font-family: sans-serif;
}

@media (min-resolution: 96dpi) {
    div {
        background: indianred;
    }

    b::after {
      content: "high resolution";
   }
}