<!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>