JSFiddle - React, Tailwind, and code Playground

by Lindsey Suarez

HTML

<div class="style1">
</div>
<div class="style2">
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan ornare blandit. Sed euismod ligula vitae augue dignissim a malesuada velit vulputate. Curabitur sit amet lorem id nibh mattis sagittis sit amet sit amet eros. Morbi eros massa, vestibulum at malesuada et, tincidunt non dui. Sed nunc metus, porttitor quis rhoncus ut, molestie facilisis est. Aliquam imperdiet lobortis sem in ornare. Pellentesque ultricies elit eu augue tempus scelerisque. Cras eleifend orci eget purus pharetra aliquet. Duis facilisis congue nibh id sodales. Duis imperdiet tempor urna, vitae suscipit magna ornare sed. Proin luctus blandit orci eget adipiscing. Praesent posuere purus nec risus sodales bibendum. Cras nec vulputate risus.
</p>
<p>
Aenean viverra imperdiet est, et condimentum mi vestibulum eu. Curabitur vel quam orci. Ut nec nisl ut mauris malesuada accumsan sit amet quis turpis. In ornare diam pellentesque nulla faucibus venenatis blandit nunc venenatis. Cras rutrum ante a nibh egestas adipiscing. Nullam sed varius nunc. Donec placerat mattis turpis id ullamcorper. Quisque vel pellentesque ante.
</p>
<p>
In placerat pharetra tempor. Donec porta sollicitudin libero, at molestie quam mattis quis. Fusce a nisi urna, non congue arcu. Fusce malesuada mattis turpis sit amet fermentum. Vivamus sit amet libero sed eros rhoncus hendrerit. Nunc volutpat adipiscing erat, sed fermentum nulla vulputate sed. Curabitur sit amet viverra ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis nec quam leo, aliquam consectetur ligula. Morbi sed risus leo. Etiam feugiat, risus at vestibulum aliquam, est ipsum convallis magna, id posuere lacus augue non diam. Pellentesque tincidunt posuere ultricies. Donec rutrum tempus justo id scelerisque. Nam lobortis condimentum mi eget commodo. Aliquam nec felis ut est hendrerit auctor. Sed euismod nisl et dui sollicitudin at malesuada...

CSS

.style1
{
    position: absolute;
    height: 10px;
    width: 100%;
    background: Red;
}


.style2
{
    position: absolute;
    height: 10px;
    width: 100%;
    background: Blue;
    top: 40px;
    left: 0;
}