JSFiddle - React, Tailwind, and code Playground

HTML

<h1></h1>












<div><a href="http://stackoverflow.com/questions/14310154/how-do-i-set-background-color-of-text-only-in-css/">answer for a stackoverflow question</a></div>

CSS

h1 {
    display: flex;
    justify-content: center;
}

h1::before {
    content:'The Last Will and Testament of Eric Jones';
    padding: 5px;
    font-size: 20px;
    background-color: green;
    color: #ffffff;
}



















/* disregard the below */

div {
    display: flex;
    justify-content: center;
    width: 97%;
    position: absolute;
    bottom: 0;
}

a {
    font-size: 13px;
    color: black;
    text-decoration: none;
}