JSFiddle - React, Tailwind, and code Playground

HTML

Text

CSS

body.first-child {
    text-wrap:none;
}

JavaScript

var height = 0;
if (document.createRange) {
    var range = document.createRange();
    range.selectNodeContents(document.body.firstChild);
    if (range.getBoundingClientRect) {
        var rect = range.getBoundingClientRect();
        if (rect) {
            alert(rect.bottom - rect.top);
        }
    }
}