<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>bug 873902 - marks should not affect width of Arabic text</title>
<style>
body {
  background-color: white;
  font-size: 50px;
  margin: 20px;
}

/* Try several fonts that should be available on Windows; at least Courier New is also on OS X.
   Elsewhere, we may fall back to default, which may or may not be "interesting" to test,
   but should pass harmlessly unless there's actually a broken font that shapes badly. */
#a {
  font-family: Andalus;
}
#b {
  font-family: Courier New;
}
#c {
  font-family: Simplified Arabic;
}

.test {
  color: white;
}
</style>
</head>
<body>
<div id="a">
foo<span class="test">الرَّحْمَنِ الرَّحِيمِ</span>bar
</div>
<div id="b">
foo<span class="test">الرَّحْمَنِ الرَّحِيمِ</span>bar
</div>
<div id="c">
foo<span class="test">الرَّحْمَنِ الرَّحِيمِ</span>bar
</div>
</body>
</html>