<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"> 
        <style>
            td > a {
                max-width: 125px;
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .rtl td {
                direction: rtl;
            }
        </style>
    </head>
    <body>
        <table cellpadding="0" cellspacing="0">
            <tbody>
                <tr><td><a href="#">akka</a></td></tr>
                <tr><td><a href="#">slf4j</a></td></tr>
            </tbody>
        </table>
        <table class="rtl" cellpadding="0" cellspacing="0">
            <tbody>
                <tr><td><a href="#">מימין לשמאל</a></td></tr>
                <tr><td><a href="#">اليمين إلى اليسار</a></td></tr>
            </tbody>
        </table>
        <p>
            None of the lines above should be truncated.
        </p>
    </body>
</html>
