JSFiddle - React, Tailwind, and code Playground

by cchana

HTML

<div class="container">
<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquam lectus elit, ac commodo orci commodo quis. Sed imperdiet vitae diam pellentesque congue. Integer ac dolor gravida, facilisis justo sed, interdum libero. Pellentesque scelerisque rutrum bibendum. Curabitur maximus nec arcu in hendrerit. Maecenas at metus mi. Maecenas nec facilisis purus, non pulvinar risus. Nulla non nulla sagittis, ullamcorper justo eget, luctus risus.</p>

<p>Nulla ornare suscipit ipsum nec elementum. Vestibulum euismod, turpis posuere porttitor fringilla, ante ligula blandit nisi, at tristique metus mauris quis massa. Ut eget tortor elit. Aenean sit amet elit lobortis, pulvinar eros gravida, mattis mauris. Etiam luctus, quam eget aliquam faucibus, purus magna tristique tortor, sed lacinia lectus tortor non nibh. Nulla efficitur pulvinar interdum. Pellentesque quis felis viverra, dignissim magna id, aliquam sapien. Donec gravida facilisis semper. Nunc iaculis ipsum at mattis malesuada.</p>

<p>Pellentesque ligula neque, convallis sit amet justo in, mollis pretium lorem. Aliquam non justo neque. Proin molestie metus sed ante bibendum posuere. Nam interdum ipsum ut dapibus commodo. Duis tempus elementum diam id pulvinar. Donec sed turpis a tortor lobortis blandit. Praesent sapien felis, faucibus lobortis tempus in, viverra sed risus. Curabitur sollicitudin dapibus laoreet.</p>

<p>Ut magna sem, mattis sit amet rutrum vel, placerat id nibh. Cras maximus sapien in metus suscipit, eu tincidunt nisl tempus. Vestibulum dictum, diam vitae pharetra gravida, dui sem semper neque, sit amet finibus eros augue et justo. Maecenas at ultricies tellus, ut suscipit dui. Curabitur cursus tincidunt ex nec pharetra. In mattis neque sapien, et consectetur orci vestibulum non. Aenean laoreet condimentum nisl vitae dignissim. Phasellus condimentum magna ac magna posuere, id fringilla velit facilisis. Sed malesuada ultrices fringilla. Fusce bibendum, turpis vel luctus...

CSS

div>div:first-child p:nth-child(2) {
  background: red;
  position: sticky;
  top: 0;
}

div.container {
  display: flex
}

div.container > div {
  width: 50%;
}