258928-1-ref.html (906B)
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 } 13 14 ul li { 15 display: inline; 16 margin: 0; 17 padding: 3px 10px; 18 border-top: 1px solid gray; 19 border-right: 1px solid gray; 20 border-left: 1px solid gray; 21 background-color: #f0f0f0; 22 } 23 </style> 24 </head> 25 <body> 26 <h1>Broken RTL list when displayed as inline</h1> 27 <h2>One Item</h2> 28 <ul class="tabs"> 29 <li>Tab</li> 30 </ul> 31 <h2>Two Items</h2> 32 <ul class="tabs"> 33 <li>Tab</li> 34 <li>Tab</li> 35 </ul> 36 <h2>Many</h2> 37 <ul class="tabs"> 38 <li>Tab</li> 39 <li>Tab</li> 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 </ul> 49 </body> 50 </html>