<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
@font-face {
	font-family: WebFont;
	src: url("resources/Gulf-regular.ttf") format("truetype");
}
</style>
</head>
<body dir="rtl">
<p dir="ltr">This test makes sure that mixed-direction complex text doesn't overflow its box. The test passes if you don't see any red below.</p>
<div style="position: relative;">
<div style="width: 700px; height: 400px; position: absolute; right: 0px; top: 0px; background: blue; color: red; font-family: WebFont">تطورت صناعة الحاسوب في السنوات الأخيرة تطورا مذهلا. فقد زادت سرعة معالج البيانات (microprocessor) زيادة جعلت الألعاب (video games) وافلام البعد الثلاثي (3D animation movies) متعة حقيقية. كما زادت سعة الذاكرة (memory) والقرص الصلب (hard disk) زيادة جعلت تخرين الكثير من الوثائق والوسائط المتعددة (multi-media) أمرا سهلا ميسرا بعد أن كان شاقا مكلفا. ولعل التطور الحقيقي الأكبر هذه الأيام هي طريقة التفاعل من الجهاز الذي ربما يكون في حجم كف اليد. أصبح الكثير من الإختيارات يتم عن طريق لمس الشاشة الحساسة (touch screen) أو بصمة الأصبع (finger print) أو عن طريق تمييز صوت المستخدم (voice recogntion).</div>
<div style="width: 705px; height: 400px; position: absolute; right: -5px; top: 0px; background: white; color: red;"></div>
</div>
</body>
</html>