JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/js/bootstrap.min.js"></script>

<div id="test" class="crop"><strong>Lorem Ipsum is simply text of the printing and typesetting industry.</strong> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen
book. It has survived not only <em>five centuries</em>, but also the leap into electronic</div><a href="#">dummy</a>

CSS

#test {
      background: #eee;
      border: 1px dotted #ccc;
      margin: 1em;
      line-height: 1.5;
    }
    .crop {
      white-space: nowrap;
      /* width: 12em; */
      overflow: hidden;
      text-overflow: ellipsis;
      width: 400px;
      
    }

JavaScript

$(function() {
   $('div').click(function() {
     $(this).toggleClass('crop');
   });
 });