1044198-1.html (848B)
1 <!DOCTYPE html> 2 <html><head> 3 <meta http-equiv="content-type" content="text/html; charset=windows-1252"> 4 <style> 5 .wrapper{ 6 direction: rtl; 7 border: 1px solid black; 8 display: inline-block; 9 } 10 .panel{ 11 display: inline-block; 12 width: 50px; 13 height: 20px; 14 } 15 .olive { 16 border: 3px dotted olive; 17 } 18 .blue { 19 border: 3px dotted blue; 20 } 21 .purple { 22 border: 3px dotted purple; 23 } 24 .negMargin { 25 margin-left: -30px; 26 } 27 .posMargin { 28 margin-left: 30px; 29 } 30 .forceLTR { 31 direction: ltr; 32 } 33 </style> 34 </head> 35 <body> 36 <div class="wrapper"> 37 <div class="panel olive"></div 38 ><div class="panel blue forceLTR posMargin"></div 39 ><div class="panel purple"></div> 40 </div> 41 <br><br> 42 <div class="wrapper"> 43 <div class="panel olive"></div 44 ><div class="panel blue forceLTR negMargin"></div 45 ><div class="panel purple"></div> 46 </div> 47 </body></html>