title: how to truncate text with respect to div height?
body: <p>I have a div with height of 192px. I want to truncate text within div and want to show <code>...</code> in the end. now due to large text, button is clipping as shown in the snapshot. 
  This happens when I add html tags in it.</p>
  
  <p><img src="https://i.stack.imgur.com/zFx4v.png" alt="enter image description here"></p>
  
  <p>Can anyone help? </p>