JSFiddle - React, Tailwind, and code Playground

HTML

<h1><span>Align me left</span> <a href="">align me right</a></h1>

CSS

h1 {
    /*
    display: block;
    width: 100%;
    */
    background-color: #c0c0c0; /* for testing purposes */
}
h1>span {
    text-align: left;
}
h1>a {
    text-align: right;
}