<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Test <select> drop-down box's alignment</title> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=UTF-8"> </head> <body> <p> For RTL, select drop-down box's should be right aligned with the <select> element and expands to left instead of right. <p> The drop-down box in the following <select> should be left-aligned and expand to right. <br> <select style="width:100px"> <option>Arabic</option> <option>Hebrew</option> <option>English (United States)</option> <option>Chinese (Simplified Chiense)</option> </select> <br> The drop-down box in the second <select> should be right-aligned and expand to left. <p> <select dir="rtl" style="width:100px"> <option>Arabic</option> <option>Hebrew</option> <option>English (United States)</option> <option>Chinese (Simplified Chiense)</option> </select> </body> </html>