Source code
Revision control
Copy as Markdown
Other Tools
<!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>