JSFiddle - React, Tailwind, and code Playground

by jannis

HTML

<div class="responses">
    <div class="response default"></div>
    <div class="response first"></div>
    <div class="response second"></div>
    <div class="response default"></div>
</div>

CSS

.responses {
    background:#ccc;
    border:1px solid #aaa;
    padding:10px;
    margin:10px;
}
.response {
    padding-left:0;
    background:#fff;
    border:1px solid #eee;
    font: 10px/20px arial;
    height:20px;
    margin: 10px 0;
}
.responses .first {
    padding-left:50px;
}
.responses .second {
    padding-left:100px;
}

JavaScript

$('.response').each(function() {
    $(this).html($(this).css('padding-left'));
});