"Table For Email"
Bootstrap 4.1.1 Snippet by RizwanAkram

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <table class="table"> <tbody> <tr> <td> <div class="holder-1"> <div class="holder-2"> <span class="span">Did you log into Facebook from somewhere new?Did you log into Facebook from somewhere new?Did you log into Facebook from somewhere new?Did you log into Facebook from somewhere new?Did you log into Facebook from somewhere new?</span> <span class="span">Did you log into Facebook from somewhere new?Did you log into Facebook from somewhere new?Did you log into Facebook from somewhere new?Did you log into Facebook from somewhere new?Did you log into Facebook from somewhere new?</span> </div> </div> </td> </tr> </tbody> </table>
.table { table-layout: fixed; width: 100%; border-spacing: 0; padding: 0 float:left; } .holder-1 { white-space: nowrap; overflow: hidden -webkit-align-items:baseline; align-items: baseline; display: -webkit-box; display: -webkit-flex; display: flex; } .holder-2 { white-space: nowrap; overflow: hidden; -webkit-align-items: baseline; align-items: baseline; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-shrink: 0; flex-shrink: 0; line-height: 20px; -webkit-flex-shrink: 1; flex-shrink: 1; } .span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

Related: See More


Questions / Comments: