Thu, 15 Jan 2015 15:55:04 +0100
Back out 97036ab72558 which inappropriately compared turds to third parties.
michael@0 | 1 | <!DOCTYPE html> |
michael@0 | 2 | <!-- |
michael@0 | 3 | Any copyright is dedicated to the Public Domain. |
michael@0 | 4 | http://creativecommons.org/publicdomain/zero/1.0/ |
michael@0 | 5 | --> |
michael@0 | 6 | <html> |
michael@0 | 7 | <head> |
michael@0 | 8 | <style> |
michael@0 | 9 | div.button { |
michael@0 | 10 | display: inline-block; |
michael@0 | 11 | width: 80px; |
michael@0 | 12 | border: 0; |
michael@0 | 13 | padding: 0; |
michael@0 | 14 | |
michael@0 | 15 | font: 10px sans-serif; |
michael@0 | 16 | text-align: center; |
michael@0 | 17 | vertical-align: top; |
michael@0 | 18 | |
michael@0 | 19 | color: black; |
michael@0 | 20 | background: gray; |
michael@0 | 21 | } |
michael@0 | 22 | |
michael@0 | 23 | div.p80 { |
michael@0 | 24 | background: pink; |
michael@0 | 25 | } |
michael@0 | 26 | |
michael@0 | 27 | div.p100 { |
michael@0 | 28 | background: yellow; |
michael@0 | 29 | } |
michael@0 | 30 | </style> |
michael@0 | 31 | </head> |
michael@0 | 32 | <body> |
michael@0 | 33 | <!--Button has explicit height for us to resolve against: --> |
michael@0 | 34 | <div class="button" style="height: 100px"> |
michael@0 | 35 | <div class="p80" style="margin-top: 10px; height: 80px">abc</div> |
michael@0 | 36 | </div> |
michael@0 | 37 | |
michael@0 | 38 | <div class="button" style="height: 100px"> |
michael@0 | 39 | <div class="p100" style="height: 100px">abc</div> |
michael@0 | 40 | </div> |
michael@0 | 41 | |
michael@0 | 42 | <!--Button is using intrinsic height: --> |
michael@0 | 43 | <div class="button"> |
michael@0 | 44 | <div class="p80">abc</div> |
michael@0 | 45 | </div> |
michael@0 | 46 | |
michael@0 | 47 | <div class="button"> |
michael@0 | 48 | <div class="p100">abc</div> |
michael@0 | 49 | </div> |
michael@0 | 50 | |
michael@0 | 51 | </body> |
michael@0 | 52 | </html> |