JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<div><p><span>Qui ipsorum lingua Celtae, nostra Galli appellantur.</span> <span>Quid securi etiam tamquam eu fugiat nulla pariatur.</span> <span>Nihil hic munitissimus habendi senatus locus, nihil horum?</span></p><p><span>Petierunt uti sibi concilium totius Galliae in diem certam indicere.</span> <span>Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</span> <span>A communi observantia non est recedendum.</span> <span>Me non paenitet nullum festiviorem excogitasse ad hoc.</span></p></div>

<div class="highlight"><p><span>Qui ipsorum lingua Celtae, nostra Galli appellantur.</span> <span>Quid securi etiam tamquam eu fugiat nulla pariatur.</span> <span>Nihil hic munitissimus habendi senatus locus, nihil horum?</span></p><p><span>Petierunt uti sibi concilium totius Galliae in diem certam indicere.</span> <span>Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</span> <span>A communi observantia non est recedendum.</span> <span>Me non paenitet nullum festiviorem excogitasse ad hoc.</span></p></div>

<div><p><span>Qui ipsorum lingua Celtae, nostra Galli appellantur.</span> <span>Quid securi etiam tamquam eu fugiat nulla pariatur.</span> <span>Nihil hic munitissimus habendi senatus locus, nihil horum?</span></p><p><span>Petierunt uti sibi concilium totius Galliae in diem certam indicere.</span> <span>Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</span> <span>A communi observantia non est recedendum.</span> <span>Me non paenitet nullum festiviorem excogitasse ad hoc.</span></p></div>

CSS

.highlight {
  padding: 10px;
  border: 5px solid #fff;
  outline: 1px dashed blue;
  background: #eee;
}