blob: 798e49638d151fee82b1a9e9481be5d6b008f3ec (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Mozilla text-decoration bug if direction:rtl and text-indent > 0</title>
<style type="text/css">
p { text-decoration: underline; }
</style>
</head>
<body>
<div dir="ltr">
<p style="margin-left:-1em">text-indent:-1em</p>
<p style="margin-left: 0em">text-indent: 0em</p>
<p style="margin-left: 1em">text-indent: 1em</p>
<p style="margin-left: 2em">text-indent: 2em</p>
<p style="margin-left: 3em">text-indent: 3em</p>
<p style="margin-left: 4em">text-indent: 4em</p>
<p style="margin-left: 5em">text-indent: 5em</p>
<p style="margin-left: 6em">text-indent: 6em</p>
<p style="margin-left: 7em">text-indent: 7em</p>
<p style="margin-left: 8em">text-indent: 8em</p>
<p style="margin-left: 9em">text-indent: 9em</p>
</div>
<div dir="rtl">
<p style="margin-right:-1em">text-indent:-1em</p>
<p style="margin-right: 0em">text-indent: 0em</p>
<p style="margin-right: 1em">text-indent: 1em</p>
<p style="margin-right: 2em">text-indent: 2em</p>
<p style="margin-right: 3em">text-indent: 3em</p>
<p style="margin-right: 4em">text-indent: 4em</p>
<p style="margin-right: 5em">text-indent: 5em</p>
<p style="margin-right: 6em">text-indent: 6em</p>
<p style="margin-right: 7em">text-indent: 7em</p>
<p style="margin-right: 8em">text-indent: 8em</p>
<p style="margin-right: 9em">text-indent: 9em</p>
</div>
</body>
</html>
|