JSFiddle - React, Tailwind, and code Playground

by darcyclarke

HTML

<p class="span">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget felis eu elit bibendum vehicula in fermentum eros. Maecenas lacinia sapien sit amet lectus vehicula vitae placerat risus aliquet. Maecenas lacus arcu, eleifend non consectetur non, pulvinar eget ante. In ipsum mi, accumsan quis pharetra in, suscipit vitae diam. Curabitur eget suscipit tortor. Donec leo urna, luctus consectetur posuere non, vestibulum vel quam. Mauris nec libero turpis. Aenean quis tellus est, non eleifend nunc.</p>
    <p>Donec in malesuada metus. Fusce dapibus dapibus metus, non egestas elit faucibus sed. Quisque id est risus. Etiam elementum, ante et pellentesque suscipit, nisi mi lobortis elit, eu dignissim tortor sapien sit amet libero. Maecenas quam sapien, luctus et gravida et, consectetur ac felis. Proin eu tortor vitae purus volutpat consequat. Nam sit amet justo eget justo auctor porttitor a in elit. Morbi dui lectus, vestibulum ac ornare ac, sodales sed sapien.
    </p>
    <p>Donec in malesuada metus. Fusce dapibus dapibus metus, non egestas elit faucibus sed. Quisque id est risus. Etiam elementum, ante et pellentesque suscipit, nisi mi lobortis elit, eu dignissim tortor sapien sit amet libero. Maecenas quam sapien, luctus et gravida et, consectetur ac felis. Proin eu tortor vitae purus volutpat consequat. Nam sit amet justo eget justo auctor porttitor a in elit. Morbi dui lectus, vestibulum ac ornare ac, sodales sed sapien.
    </p>
    <p>Donec in malesuada metus. Fusce dapibus dapibus metus, non egestas elit faucibus sed. Quisque id est risus. Etiam elementum, ante et pellentesque suscipit, nisi mi lobortis elit, eu dignissim tortor sapien sit amet libero. Maecenas quam sapien, luctus et gravida et, consectetur ac felis. Proin eu tortor vitae purus volutpat consequat. Nam sit amet justo eget justo auctor porttitor a in elit. Morbi dui lectus, vestibulum ac ornare ac, sodales sed sapien.
    </p>
    <p>Donec in malesuada metus. Fusce dapibus...

CSS

body {
 -webkit-column-width: 100px;
 -moz-column-width: 100px;
 column-width: 100px;
}

JavaScript

var style = document.getElementsByTagName('body')[0].style;
alert(style.webkitColumnWidth);
alert(style.mozColumnWidth);
alert(style.columnWidth);