JSFiddle - React, Tailwind, and code Playground

by hotbelgo

HTML

<header id="experience">
    <h2>Experience</h2>
</header>What I really want is for the top of the letters reliably to be aligned with the top and bottom of the enclosing header, so that the whitwe letters bleed directly into the background white

CSS

#experience, h2 {
    margin: 0;
    padding: 0;
}
#experience {
    background-color: black;
    line-height: 1.0;
}
#experience h2 {
    font-family: "sans-serif";
    text-transform: uppercase;
    color: white;
    text-indent: -5px;
    font-weight: bold;
    font-size: 3.3em;
    height: 0.7;
    letter-spacing: 0.1em;
}