JSFiddle - React, Tailwind, and code Playground

by tommaitland

HTML

<div class="test">
    This is some text that will be<br />two lines long
</div>

<div class="test">
    This is some text that will be one line long
</div>

CSS

body {
    font-size:16px;
    line-height: 20px;
}

.test {
    background: yellow;
    margin-bottom: 10px;
}
.test:before {
    content: 'hi';
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    text-indent: -9999px;
    top: -100%;
}