258928-1.html (942B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>RTL list displayed as inline broken</title> 5 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 6 <style type="text/css"> 7 ul { 8 padding: 3px 10px; 9 border-bottom: 3px solid #4949A9; 10 white-space: nowrap; 11 font-size: 13px; 12 direction: rtl; 13 text-align: left; 14 } 15 16 ul li { 17 display: inline; 18 margin: 0; 19 padding: 3px 10px; 20 border-top: 1px solid gray; 21 border-right: 1px solid gray; 22 border-left: 1px solid gray; 23 background-color: #f0f0f0; 24 } 25 </style> 26 </head> 27 <body> 28 <h1>Broken RTL list when displayed as inline</h1> 29 <h2>One Item</h2> 30 <ul class="tabs"> 31 <li>Tab</li> 32 </ul> 33 <h2>Two Items</h2> 34 <ul class="tabs"> 35 <li>Tab</li> 36 <li>Tab</li> 37 </ul> 38 <h2>Many</h2> 39 <ul class="tabs"> 40 <li>Tab</li> 41 <li>Tab</li> 42 <li>Tab</li> 43 <li>Tab</li> 44 <li>Tab</li> 45 <li>Tab</li> 46 <li>Tab</li> 47 <li>Tab</li> 48 <li>Tab</li> 49 <li>Tab</li> 50 </ul> 51 </body> 52 </html>