JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<div id="pt">
    <div class="int"></div>
    <div class="float"></div>
</div>

<div id="px">
    <div class="int"></div>
    <div class="float"></div>
</div>

CSS

div div {background: #999; margin-bottom: 1px;}
#pt .int   {width: 40pt;}
#pt .float {width: 40.5pt;}

#px .int   {width: 53px;}
#px .float {width: 53.5px;}

JavaScript

$$('div div').each(function(el) {
    el.set('html', el.getStyle('width'));
});