JSFiddle - React, Tailwind, and code Playground

by raam86

HTML

<div>Stuff inside a div</div>
<div>Stuff inside a div</div>
<div>Stuff inside a div</div>
<div>Stuff inside a div</div>
<div>Stuff inside a div</div>
<div>Stuff i
    <br>a di>Stuff i
    <br>a di>Stuff i
    <br>a di>Stuff i
    <br>a di>Stuff i
    <br>a di>Stuff i
    <br>a div>
    <div>Stuff inside a div</div>
    <div>Stuff inside a div</div>
    <div>Stuff inside a div</div>
    <div>Stuff inside a div</div>
    <div>Stuff inside a div</div>
    <div>Stuff inside a div</div>
    <div>Stuff inside a div</div>
    <div>Stuff inside a div</div>
    <div>Stuff inside a div</div>
    <div>Stuff inside a div</div>
    <div>Stuff inside a di>Stuff inside a di>Stuff
        <br>inside a di>Stuff inside a di>Stuff inside a insii
        <div>Stuff inside a div</div>
        <div>Stuff inside a div</div>
        <div>Stuff inside a div</div>
        <div>Stuff inside a div</div>
        <div>Stuff in/div>
            <div>Stuff in/div>
                <div>Stuff in/div>
                    <div>Stuff in/div>
                        <div>Stuff in/div>
                            <div>Stuff in/div>
                                <div>Stuff in/div>
                                    <div>Stuff inside a div</div>
                                    <div>Stuff inside a div</div>
                                    <div>Stuff inside a div</div>
                                    <div>Stuff inside a div</div>
                                    <div>Stuff inside a div</div>
                                    <div style="background:#fff">
                                        <div style="margin:10px;">Stuff inside a div</div>
                                        <div style="margin:10px;">Stuff inside a div</div>
                                        <div style="margin:10px;">Stuff inside a div</div>
                                        <div style="margin:10px;">Stuff inside a div</div>
                                        <div style="margin:10px;">Stuff...

CSS

div {
    float:left;
    background:red;
    padding:5px;
    margin:20px;
}

JavaScript

$('div').each(function (_, el) {
    var rand = (Math.random * 10);
    console.log("rand " + rand);
    $(el).css('margin', rand + "px");
    console.log($(el).css('margin'));
});