1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" > 3 <head> 4 <title>Test <select> drop-down box's alignment</title> 5 <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=UTF-8"> 6 </head> 7 <body> 8 <p> 9 For RTL, select drop-down box's should be right aligned with the <select> 10 element and expands to left instead of right. 11 <p> 12 The drop-down box in the following <select> should be left-aligned and expand to right. 13 <br> 14 <select style="width:100px"> 15 <option>Arabic</option> 16 <option>Hebrew</option> 17 <option>English (United States)</option> 18 <option>Chinese (Simplified Chiense)</option> 19 </select> 20 <br> 21 The drop-down box in the second <select> should be right-aligned and expand to left. 22 <p> 23 <select dir="rtl" style="width:100px"> 24 <option>Arabic</option> 25 <option>Hebrew</option> 26 <option>English (United States)</option> 27 <option>Chinese (Simplified Chiense)</option> 28 </select> 29 </body> 30 </html> 31
