JSFiddle - React, Tailwind, and code Playground

by Znarkus

HTML

<section>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</section>

CSS

section {
    background: blue;
}

div {
    background: red;
    width: 50px;
    height: 50px;
    float: left;
    margin: 10px;
}

div:nth-child(3n) {
    background: green;
}

div:nth-child(3n):before {
    content: "Hej!";
    display: block;
    clear: both;
}