JSFiddle - React, Tailwind, and code Playground

by Mahadevan Sivasubramanian

HTML

<span class="blockquote">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut aliquet eros. Mauris sit amet elit vel mauris ultrices aliquam. Integer bibendum lorem in ornare faucibus. Morbi mollis, mauris ut sollicitudin ullamcorper, risus leo ultricies sapien, vitae feugiat nulla ligula vel nulla. Cras tempor fermentum enim, sed venenatis sapien lacinia bibendum. Sed mattis consectetur felis, ac sodales quam feugiat non. Mauris et purus ex. Maecenas accumsan eros sed efficitur placerat. Etiam imperdiet consectetur quam, molestie tincidunt mauris dictum in. Mauris dolor leo, pretium eget dui et, eleifend maximus lacus. Morbi congue neque risus, a ornare ipsum ornare rhoncus.
</span>

CSS

.blockquote{
  border-left:1px solid blue;
  padding:5px;
  min-height:120px;
  position:absolute;
  padding-left:20px;
  font-family:"Chronicle Text G1";
  font-style: italic;
}