JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <div class="at">
                <p class="multi-lines-style">Hitler was a decorated veteran of World War I. He joined the German Workers' Party (precursor of the NSDAP) in 1919, and became leader of the NSDAP in 1921. In 1923, he attempted a coup in Munich to seize power. The failed coup resulted in Hitler's imprisonment, during which time he wrote his memoir, Mein Kampf (My Struggle). After his release in 1924, Hitler gained popular support by attacking the Treaty of Versailles that had been forced on Germany and promoted nationalism, Pan-Germanism, and antisemitism with charismatic oratory and Nazi propaganda. Hitler frequently denounced international capitalism and communism as being part of a Jewish conspiracy. Hitler's Nazi Party became the largest democratically elected party in the German Reichstag, leading to his appointment as chancellor in 1933. Following fresh elections won by his coalition, the Reichstag passed the Enabling Act, which began the process of transforming the Weimar Republic into the Third Reich, a single-party dictatorship based on the totalitarian and autocratic ideology of National Socialism. Hitler aimed to eliminate Jews from Germany and establish a New Order to counter what he saw as the injustice of the post-World War I international order dominated by Britain and France. His first six years in power resulted in rapid economic recovery from the Great Depression, the denunciation of restrictions imposed on Germany after World War I, and the annexation of territories that were home to millions of ethnic Germans, actions which gave him significant popular support.</p>
            </div>
        </td>
        <td>
            <div class="at">
                <p class="multi-lines-style">For 16 years Putin served as an officer in the KGB, rising to the rank of Lieutenant Colonel before he retired to enter politics in his native Saint Petersburg in 1991. He moved to Moscow in 1996 and joined...

CSS

.multi-lines-style {
    text-overflow: ellipsis;
    overflow: hidden;
    text-align:justify;
    font-family:"Times New Roman", Georgia, Serif;
}
.at {
    width:230px;
    padding:5px;
}

JavaScript

var ellipsis = document.getElementsByClassName('multi-lines-style');
for (var i = 0; i < ellipsis.length; ++i) {
    var item = ellipsis[i];
    if (item.parentNode.clientHeight > 50) {
        item.innerHTML = item.innerHTML.substr(0, 500) + ' ...';
    }
}