JSFiddle - React, Tailwind, and code Playground

by codert

HTML

<div class="parent">
    <div class="wrap">
        <div class="child">
            This is sample text
        </div>
    </div>
</div>
<span class="output"></span>

CSS

.output {
  background-color: gray;
}

.parent
{
    font-size:16px;
}
.wrap
{
    font-size:1.5em;
}
.child
{
    font-size:1.25em;
    padding:1.25em;
}

JavaScript

var output = document.querySelector('.output')
var child = document.querySelector('.child')

output.innerText = 'the padding of child element is ' + window.getComputedStyle(child).padding