JSFiddle - React, Tailwind, and code Playground
HTML
<div class="paragraph">
<p class="sentence">Blah bdsfaflsdajflasdfslah blah,Yah Yahasdaflasdkfjasdlfjsdafasd Yah Nah.</p>
<p class="sentence">Blasdfasdah bdsfaflsdajflasdfslah blah,Yah Yahasdlfjsdkaflasdkfjasdlfjsdafasd Yah, Nah NAh Nah.</p>
<p class="sentence">Blah bdsfaflslajfdladajflasdfslah blah,Yah Yahasdlfjsdkaflasdkfjasdlfjsdafasd Yah, Nah NAh Nah.</p>
<p class="sentence">Blah bdsfaflsdajflasdfslah blah,Yah Yahasdlfjsdkaflasdkfjasdlfjsdafasadsfasdd Yah, NadfasdfasdfaAh Nah.</p>
<p class="sentence">Blah bdsfaflsdajflasdfslah blah,Yah Yahasdlfjsdkaflasdkfjasdlfjsdafasd Yah, Nah NAh Nah.</p>
<p class="sentence">Blah bdsfaflsdajflasdfslah blah,Yah Yahasdlfjsdkaflasd Nah.</p>
<p class="sentence">Blah bdsfaflsdajflasdfslah blah,Yah Yahasdlfjsdkaflasdkfjasdlfjsdafasd Yah, Nah NAh Nah.</p>
<p class="sentence">Blah bdsfaflsdajflasdfslah blah,YaZAHah NAh Nah.</p>
</div>
CSS
.paragraph {
width: 95%;
padding: 5px;
margin: 5px;
background: #fff;
}
.sentence {
width: 100%;
display: inline;
padding: 50px;
}
.highlight {
background-color: #FC9A24;
border-width:thick;
}
JavaScript
/* $(function () {
$('.sentence').click(function () {
$('.highlight').toggleClass('highlight');
$(this).toggleClass('highlight');
});
}); */