mo-paint-lspace-rspace-ref.html (3425B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title><mo> paint lspace rspace</title> 5 <meta charset="utf-8"> 6 </head> 7 <body> 8 <h1>LTR case</h1> 9 10 <p>The test passes if the arrow has a leading space of 100px, which is as wide as the black block to the left, 11 and a trailing space of 200px, which is as wide as the black block to the right.</p> 12 13 <math> 14 <mspace width="100px" height="10px" depth="10px" style="background: black"></mspace> 15 <mspace width="100px"></mspace> 16 <mo lspace="0px" rspace="0px">→</mo> 17 <mspace width="200px"></mspace> 18 <mspace width="200px" height="10px" depth="10px" style="background: black"></mspace> 19 </math> 20 21 <p>The test passes if the arrow has a leading space of 150px, which is as wide as the black block to the left, 22 and a trailing space of 150px, which is as wide as the black block to the right.</p> 23 24 <math> 25 <mspace width="150px" height="10px" depth="10px" style="background: black"></mspace> 26 <mspace width="150px"></mspace> 27 <mo lspace="0px" rspace="0px">→</mo> 28 <mspace width="150px"></mspace> 29 <mspace width="150px" height="10px" depth="10px" style="background: black"></mspace> 30 </math> 31 32 <p>The test passes if the arrow has a leading space of 200px, which is as wide as the black block to the left, 33 and a trailing space of 100px, which is as wide as the black block to the right.</p> 34 35 <math> 36 <mspace width="200px" height="10px" depth="10px" style="background: black"></mspace> 37 <mspace width="200px"></mspace> 38 <mo lspace="0px" rspace="0px">→</mo> 39 <mspace width="100px"></mspace> 40 <mspace width="100px" height="10px" depth="10px" style="background: black"></mspace> 41 </math> 42 43 <h1>RTL case</h1> 44 45 <p>The test passes if the arrow has a leading space of 100px, which is as wide as the black block to the right, 46 and a trailing space of 200px, which is as wide as the black block to the left.</p> 47 48 <math dir="rtl"> 49 <mspace width="100px" height="10px" depth="10px" style="background: black"></mspace> 50 <mspace width="100px"></mspace> 51 <mo lspace="0px" rspace="0px">→</mo> 52 <mspace width="200px"></mspace> 53 <mspace width="200px" height="10px" depth="10px" style="background: black"></mspace> 54 </math> 55 56 <p>The test passes if the arrow has a leading space of 150px, which is as wide as the black block to the right, 57 and a trailing space of 150px, which is as wide as the black block to the left.</p> 58 59 <math dir="rtl"> 60 <mspace width="150px" height="10px" depth="10px" style="background: black"></mspace> 61 <mspace width="150px"></mspace> 62 <mo lspace="0px" rspace="0px">→</mo> 63 <mspace width="150px"></mspace> 64 <mspace width="150px" height="10px" depth="10px" style="background: black"></mspace> 65 </math> 66 67 <p>The test passes if the arrow has a leading space of 200px, which is as wide as the black block to the right, 68 and a trailing space of 100px, which is as wide as the black block to the left.</p> 69 70 <math dir="rtl"> 71 <mspace width="200px" height="10px" depth="10px" style="background: black"></mspace> 72 <mspace width="200px"></mspace> 73 <mo lspace="0px" rspace="0px">→</mo> 74 <mspace width="100px"></mspace> 75 <mspace width="100px" height="10px" depth="10px" style="background: black"></mspace> 76 </math> 77 </body> 78 </html>