JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>This is the paragraph. This is the paragraph. This is the paragraph. This is the paragraph. </p>
    <h2>This is a heading</h2>    
    <p>This is the paragraph. This is the paragraph. This is the paragraph. This is the paragraph. </p>
    <h2>This is a heading</h2>
    <p>This is the paragraph. This is the paragraph. This is the paragraph. This is the paragraph. </p>
</div>

CSS

div {
 background: red;  
 padding:10px;
 width:200px; 
}
p {
 background: green;   
}
h2 {
 margin: 0 -10px;   
 background: blue;
}