JSFiddle - React, Tailwind, and code Playground

by Vitorino fernandes

HTML

<p>Divs:</p>
<div>
    <div>1
        <div>1.1
            <div>1.2
                <div>1.2.1</div>
            </div>
        </div>
    </div>
    <div>2
        <div>2.1
            <div>2.2
                <div>2.2.1</div>
            </div>
        </div>
    </div>
    <div>3</div>
    <div>4</div>
</div>

CSS

div {
    width: 494px;
    border-top: 0;
    background:#4072b4;
    text-align:center;
    line-height:280%;
}
div div div div div {
    width: auto;
    border: 0;
    border-top: 3px solid white;
}
div div div div {
    width: auto;
    border: 0;
    border-top: 3px solid white;
}
div div div {
    width: auto;
    border: 0;
    border-top: 3px solid white;
}
div div {
    width: auto;
    border: 0;
    border-bottom: 3px solid white;
}