<style>
    select { display: block; }
</style>
<p>
    This tests GraphicsContext::drawBidiText().
</p>
<select size="9" style="font-size: 18px;">
    <option style="direction: ltr;">
        First  (03)  fifth
    </option>
    <option style="direction: rtl;">
        First  (03)  fifth
    </option>
    <option style="direction: ltr; unicode-bidi: bidi-override;">
        First  (03)  fifth
    </option>
    <option style="direction: rtl; unicode-bidi: bidi-override;">
        First  (03)  fifth
    </option>
    <option>
      
    </option>
    <option>
        'DD:) 'D91(J)
    </option>
    <option>
        Et volia&#x0300: ATSUI!
    </option>
    <option>
        Directional &#x202e;overrides&#x202c; are confusing.
    </option>
    <option>
        She said &ldquo;&#x202b; TNT !&#x202c;&rdquo; and ran off
    </option>
</select>
<select multiple style="font-size: 12px; height: 18px;">
    <option>
        There are two ways to measure text: my way and the wrong way
    </option>
</select>
