<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Directional overrides</title>
    <style type="text/css">
        @import url(resources/Mac-compatible-font-fallback.css);
        table {border-spacing:0; border-collapse:collapse; text-align:center;}
        td {border: 1px solid green; padding:4px;}
    </style>
</head>
<body>
    <p>All rows should be identical to the reference row.</p>
    <table>
        <tr>
            <td style="text-align:right">Reference</td>
            <td>abcdef&#x05d0;&#x05d1;&#x05d2;ghijkl
                &#x05d6;&#x05d7;&#x05d8;&#x05d9;&#x05db;&#x05dc;abc&#x05d0;&#x05d1;&#x05d2;&#x05d3;&#x05d4;&#x05d5;</td>
            <td style="direction:rtl;">ghijkl&#x05d0;&#x05d1;&#x05d2;abcdef
                &#x05d0;&#x05d1;&#x05d2;&#x05d3;&#x05d4;&#x05d5;abc&#x05d6;&#x05d7;&#x05d8;&#x05d9;&#x05db;&#x05dc;</td>
        </tr>
        <tr>
            <td style="text-align:right">CSS, siblings</td>
            <td>abc<span style="direction:rtl; unicode-bidi:bidi-override;">ihg&#x05d0;&#x05d1;&#x05d2;fed</span>jkl &#x05d0;&#x05d1;&#x05d2;<span style="direction:ltr; unicode-bidi:bidi-override;">&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;</span>&#x05d9;&#x05db;&#x05dc;</td>
            <td style="direction:rtl;">abc<span style="direction:rtl; unicode-bidi:bidi-override;">ihg&#x05d0;&#x05d1;&#x05d2;fed</span>jkl &#x05d0;&#x05d1;&#x05d2;<span style="direction:ltr; unicode-bidi:bidi-override;">&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;</span>&#x05d9;&#x05db;&#x05dc;</td>
        </tr>
        <tr>
            <td style="text-align:right">CSS, children</td>
            <td><span>abc<span style="direction:rtl; unicode-bidi:bidi-override;">ihg&#x05d0;&#x05d1;&#x05d2;fed</span>jkl</span>
                <span>&#x05d0;&#x05d1;&#x05d2;<span style="direction:ltr; unicode-bidi:bidi-override;">&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;</span>&#x05d9;&#x05db;&#x05dc;</span></td>
            <td style="direction:rtl;"><span>abc<span style="direction:rtl; unicode-bidi:bidi-override;">ihg&#x05d0;&#x05d1;&#x05d2;fed</span>jkl</span>
                <span>&#x05d0;&#x05d1;&#x05d2;<span style="direction:ltr; unicode-bidi:bidi-override;">&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;</span>&#x05d9;&#x05db;&#x05dc;</span></td>
        </tr>
        <tr>
            <td style="text-align:right">Unicode</td>
            <td>abc&#x202e;ihg&#x05d0;&#x05d1;&#x05d2;fed&#x202c;jkl
                &#x05d0;&#x05d1;&#x05d2;&#x202d;&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;&#x202c;&#x05d9;&#x05db;&#x05dc;</td>
            <td style="direction:rtl;">abc&#x202e;ihg&#x05d0;&#x05d1;&#x05d2;fed&#x202c;jkl
                &#x05d0;&#x05d1;&#x05d2;&#x202d;&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;&#x202c;&#x05d9;&#x05db;&#x05dc;</td>
        </tr>
    </table>
    <p>The CSS column should be identical to the reference column.</p>
    <table>
        <tr>
            <td>Reference</td>
            <td>CSS</td>
        </tr>
        <tr>
            <td>
                <p>abcdef&#x05d0;&#x05d1;&#x05d2;ghijkl</p>
                <p>&#x05d6;&#x05d7;&#x05d8;&#x05d9;&#x05db;&#x05dc;abc&#x05d0;&#x05d1;&#x05d2;&#x05d3;&#x05d4;&#x05d5;</p>
            </td>
            <td>
                <p style="direction:rtl; unicode-bidi:bidi-override;">lkjihg&#x05d0;&#x05d1;&#x05d2;fedcba</p>
                <p style="direction:ltr; unicode-bidi:bidi-override;">&#x05dc;&#x05db;&#x05d9;&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;&#x05d2;&#x05d1;&#x05d0;</p>
            </td>
        </tr>
    </table>
</body>
</html>