1 <META HTTP-EQUIV=
"CONTENT-TYPE" CONTENT=
"TEXT/HTML; CHARSET=utf8">
6 border:
1px solid black;
11 text-overflow: ellipsis;
12 -webkit-writing-mode: vertical-rl;
13 -webkit-text-orientation: sideways-right;
14 text-rendering: optimizeLegibility;
19 unicode-bidi: bidi-override;
26 <div class=
"testDiv">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
</div>
30 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
31 orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
32 rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
33 em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
36 <h3>Containing replaced content
</h3>
37 <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>
40 <h3>Containing replaced content blocking the ellipsis
</h3>
41 <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>
44 <h3>Right-To-Left single line
</h3>
45 <div class=
"testDiv rtl">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
</div>
48 <h3>Right-To-Left Multi line
</h3>
49 <div class=
"testDiv rtl">
50 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
51 orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
52 rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
53 em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.
<br>
57 <h3>Right-To-Left containing replaced content
</h3>
58 <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>
60 <h3>Right-To-Left containing replaced content blocking the ellipsis
</h3>
61 <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>