JSFiddle - React, Tailwind, and code Playground

by toddicus13

HTML

<div class="container">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero quod qui obcaecati at ea culpa nihil in necessitatibus voluptatum facilis maiores odit sunt labore odio numquam aliquam placeat totam laboriosam atque quaerat inventore sit aspernatur. Consequatur officia soluta possimus accusamus aliquam sunt! Laborum tenetur dicta iure quibusdam fugit nesciunt qui.</div>
<div class="container">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero quod qui obcaecati at ea culpa nihil in necessitatibus voluptatum facilis maiores odit sunt labore odio numquam aliquam placeat totam laboriosam atque quaerat inventore sit aspernatur. Consequatur officia soluta possimus accusamus aliquam sunt! Laborum tenetur dicta iure quibusdam fugit nesciunt qui.</div>
<div class="container">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero quod qui obcaecati at ea culpa nihil in necessitatibus voluptatum facilis maiores odit sunt labore odio numquam aliquam placeat totam laboriosam atque quaerat inventore sit aspernatur. Consequatur officia soluta possimus accusamus aliquam sunt! Laborum tenetur dicta iure quibusdam fugit nesciunt qui.</div>

CSS

.container {
    position: relative;
    background: #eee;
    padding: 35px 5px 5px;
    margin-bottom: 10px;
}
.container:before {
    position: absolute;
    top:0;
    left:0;
    padding: 5px;
    background: #aaa;
    content:"Here's the header content!";
}