div-align.html (1430B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <link rel="match" href="div-align-ref.html"> 6 <style> 7 .test { width: 50px; background-color: yellow; } 8 .rtl { direction: rtl; } 9 .ltr { direction: ltr; } 10 [align=left] .margin { margin-left: 1em } 11 [align=right] .margin { margin-right: 1em } 12 </style> 13 </head> 14 <body> 15 <!-- Centered tests --> 16 <div align=center> 17 <div class=test>t א</div> 18 <div class="test rtl">t א</div> 19 <div class="test margin">t א</div> 20 </div> 21 22 <div align=center> 23 <div class=test align=left>t א</div> 24 <div class=test align=right>t א</div> 25 </div> 26 27 <div align=left> 28 <div align=center> 29 <div class=test>t א</div> 30 </div> 31 </div> 32 33 <!-- Left-aligned tests --> 34 <div align=left> 35 <div class=test>t א</div> 36 <div class="test rtl">t א</div> 37 <div class="test margin">t א</div> 38 </div> 39 40 <div align=left class=rtl> 41 <div class=test>t א</div> 42 <div class="test ltr">t א</div> 43 <div class="test margin">t א</div> 44 </div> 45 46 <div align=left> 47 <div class=test align=center>t א</div> 48 <div class=test align=right>t א</div> 49 </div> 50 51 <!-- Right-aligned tests --> 52 <div align=right> 53 <div class=test>t א</div> 54 <div class="test rtl">t א</div> 55 <div class="test margin">t א</div> 56 </div> 57 58 <div align=right class=rtl> 59 <div class=test>t א</div> 60 <div class="test ltr">t א</div> 61 <div class="test margin">t א</div> 62 </div> 63 64 <div align=right> 65 <div class=test align=left>t א</div> 66 <div class=test align=center>t א</div> 67 </div> 68 69 </body> 70 </html>