1 <META HTTP-EQUIV=
"CONTENT-TYPE" CONTENT=
"TEXT/HTML; CHARSET=utf8">
6 border:
1px solid black;
11 text-overflow: ellipsis;
16 unicode-bidi: bidi-override;
22 <p>This test checks that text with text-overflow:ellipsis follows 'text-align: justify' correctly.
</p>
24 <p>LTR text should be aligned with the left hand side of their box. RTL text should be aligned with the right hand side of their box.
</p>
27 <div class=
"testDiv">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
</div>
31 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
32 orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
33 rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
34 em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
37 <h3>Containing replaced content
</h3>
38 <div class=
"testDiv">Lorem ipsum dolor sit amet,
<img src=
"resources/greenbox.png"> consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
</div>
41 <h3>Containing replaced content blocking the ellipsis
</h3>
42 <div class=
"testDiv">Lorem ipsum dolor sit amet, consectetur ad
<img src=
"resources/greenbox.png">ipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
</div>
45 <h3>Right-To-Left single line
</h3>
46 <div class=
"testDiv rtl">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
</div>
49 <h3>Right-To-Left Multi line
</h3>
50 <div class=
"testDiv rtl">
51 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
52 orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
53 rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
54 em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
58 <h3>Right-To-Left containing replaced content
</h3>
59 <div class=
"testDiv rtl">Lorem ipsum dolor sit amet,
<img src=
"resources/greenbox.png"> consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
</div>
61 <h3>Right-To-Left containing replaced content blocking the ellipsis
</h3>
62 <div class=
"testDiv rtl">Lorem ipsum dolor sit amet, consectetur ad
<img src=
"resources/greenbox.png">ipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
</div>