JSFiddle - React, Tailwind, and code Playground

by phaas

HTML

<table cellspacing="0" cellpadding="0" border="0" class="data">
        <tbody><tr>
          <th style="white-space:nowrap;" scope="col">&nbsp;</th>
          <th scope="col">Current State</th>
          <th scope="col">Strategy</th>
        </tr>
        <tr>
          <th valign="top" scope="row">Support Team<br>
            <div style="font-size: 11px; font-weight: normal;"><a >Edit</a>*<br>
              <br>
              <br>
              Chris Wells <br>
              nn-Mmm-yyyy</div></th>
          <td><div class="readOnly">Nunc augue purus, sodales eleifend luctus id, tempor vitae diam. Nulla ac odio in quam fringilla pulvinar. Nulla magna purus, lobortis rutrum posuere in, mattis vel neque. Nam congue mauris non turpis lobortis cursus. In hac habitasse platea dictumst. In hac habitasse platea dictumst. Quisque tincidunt sapien sed velit lobortis lobortis. Praesent lacinia ipsum in quam sodales viverra quis sit amet dolor. Vestibulum varius, felis ut consectetur bibendum, orci nunc auctor mi, ac fermentum orci nisi at felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris at diam magna. Aliquam cursus, lorem ac facilisis varius, est sapien ultrices eros, nec elementum metus nisi id velit. Cras gravida leo sed sapien elementum sit amet tempor mauris placerat. Duis aliquet tortor id ligula porttitor a pellentesque elit iaculis. Nullam nulla ante, imperdiet sed sodales a, sodals eu lacus. Nullam at ante nec justo fringilla pellentesque. Cras sollicitudin semper dolor, sit amet egestas est adipiscing et. Pellentesque a nulla eros, in vestibulum risus. Curabitur sed pretium purus. Maecenas luctus quam sit amet leo vulputate dignissim. Vivamus sed hendrerit ligula. Integer quis justo eget ante tincidunt dapibus a quis dolor. In augue tellus, luctus sit amet sollicitudin sed, imperdiet quis justo. </div></td>
          <td><div class="readOnly">In hac habitasse platea dictumst. Quisque tincidunt sapien sed velit...

CSS

.readOnly{
 width: 400px;
 height: 75px;
 overflow-y: scroll;
white-space: pre-line;
 margin-right: 5px;
}