JSFiddle - React, Tailwind, and code Playground

HTML

<table id="test" width="500" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>sdfasdfas asdfasf asdfsa</td>
    <td>adfafdafd adfasdf afasdf sdfsadfasasdfa sdf asdfsafd adfaf</td>
    <td>adfasf</td>
  </tr>
</table>

JavaScript

var tds = $("#test td")

for (var i = 0, l = tds.length; i < l; i++)
{
    var td = tds.eq(i);
    td.prepend("<span class='testerStart'></span>");
    td.append("<span class='testerEnd'></span>");
    var s = $(td).find(".testerStart").position().top;
    var e = $(td).find(".testerEnd").position().top;
    console.log(s,e);
    if (e > s) console.log("Multiple lines");
    else console.log("Single line");
}