Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
michael@0 | 1 | <!DOCTYPE html> |
michael@0 | 2 | <html> |
michael@0 | 3 | <style> |
michael@0 | 4 | body { background: white; } |
michael@0 | 5 | .rel, body { position: relative; } |
michael@0 | 6 | div > div { direction: ltr; height: 10px; } |
michael@0 | 7 | div > div > div { width: 100px; background: lime; } |
michael@0 | 8 | .rtl { direction: rtl; } |
michael@0 | 9 | #testpercentmargin > div > div { margin: 0 4%; } |
michael@0 | 10 | #testabsolutemargin > div > div { margin: 0 20px; } |
michael@0 | 11 | #testpercentpadding > div { padding: 0 4%; } |
michael@0 | 12 | #testabsolutepadding > div { padding: 0 20px; } |
michael@0 | 13 | #testborderparent > div { border-width: 0 20px; border-color: white; border-style: solid; } |
michael@0 | 14 | #testborderkid > div > div { border-width: 0 20px; border-color: white; border-style: solid; } |
michael@0 | 15 | </style> |
michael@0 | 16 | <body style="width: 500px; margin-left: 100px;"> |
michael@0 | 17 | <div id="testplain"> |
michael@0 | 18 | <div><div></div></div> |
michael@0 | 19 | <div class="rel"><div></div></div> |
michael@0 | 20 | <div class="rtl"><div></div></div> |
michael@0 | 21 | <div class="rel rtl"><div></div></div> |
michael@0 | 22 | </div> |
michael@0 | 23 | <div id="testpercentmargin"> |
michael@0 | 24 | <div><div></div></div> |
michael@0 | 25 | <div class="rel"><div></div></div> |
michael@0 | 26 | <div class="rtl"><div></div></div> |
michael@0 | 27 | <div class="rel rtl"><div></div></div> |
michael@0 | 28 | </div> |
michael@0 | 29 | <div id="testabsolutemargin"> |
michael@0 | 30 | <div><div></div></div> |
michael@0 | 31 | <div class="rel"><div></div></div> |
michael@0 | 32 | <div class="rtl"><div></div></div> |
michael@0 | 33 | <div class="rel rtl"><div></div></div> |
michael@0 | 34 | </div> |
michael@0 | 35 | <div id="testpercentpadding"> |
michael@0 | 36 | <div><div></div></div> |
michael@0 | 37 | <div class="rel"><div></div></div> |
michael@0 | 38 | <div class="rtl"><div></div></div> |
michael@0 | 39 | <div class="rel rtl"><div></div></div> |
michael@0 | 40 | </div> |
michael@0 | 41 | <div id="testabsolutepadding"> |
michael@0 | 42 | <div><div></div></div> |
michael@0 | 43 | <div class="rel"><div></div></div> |
michael@0 | 44 | <div class="rtl"><div></div></div> |
michael@0 | 45 | <div class="rel rtl"><div></div></div> |
michael@0 | 46 | </div> |
michael@0 | 47 | <div id="testborderparent"> |
michael@0 | 48 | <div><div></div></div> |
michael@0 | 49 | <div class="rel"><div></div></div> |
michael@0 | 50 | <div class="rtl"><div></div></div> |
michael@0 | 51 | <div class="rel rtl"><div></div></div> |
michael@0 | 52 | </div> |
michael@0 | 53 | <div id="testborderkid"> |
michael@0 | 54 | <div><div></div></div> |
michael@0 | 55 | <div class="rel"><div></div></div> |
michael@0 | 56 | <div class="rtl"><div></div></div> |
michael@0 | 57 | <div class="rel rtl"><div></div></div> |
michael@0 | 58 | </div> |
michael@0 | 59 | </body> |
michael@0 | 60 | </html> |