| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| body { |
| margin: 0px; |
| } |
| |
| div { |
| height: 100px; |
| } |
| |
| .hidTarget { |
| position: absolute; |
| left: 100px; |
| width: 100px; |
| background-color: green; |
| } |
| |
| .sized |
| { |
| width: 200px; |
| } |
| |
| .marginLeft |
| { |
| margin-left: -webkit-calc(20% + 60px); |
| background-color: red; |
| } |
| |
| p |
| { |
| position: absolute; |
| top: 300px; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="hidTarget"></div> |
| <div align="center" class="sized"> |
| <div class="marginLeft"></div> |
| </div> |
| <p> |
| <a href="https://bugs.webkit.org/show_bug.cgi?id=89626">89626</a>: Non-fixed length margins don't work with align=center<br> |
| There should be a green rectangle above with no red. |
| </p> |
| </body> |
| </html> |
