JSFiddle - React, Tailwind, and code Playground

HTML

<div id="textWrapper">
    <div class="text">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do</div>
    <div class="text">Duis aute irure dolor in reprehenderit</div>
    <div class="text">Excepteur sint occaecat cupidatat non</div>
    <div class="text">"Sed ut perspiciatis unde omnis iste natus error sit </div>
</div>

CSS

.text {
    width: 200px;
    height: 50px;
    padding: 10px;
}

JavaScript

console.clear()

var textWrapper = document.getElementById('textWrapper');
console.log(window.getComputedStyle(textWrapper.children[0]).padding);