blob: bbcb62b86fff5d7d89e7cc8c05632a2ee91d3407 [file] [log] [blame]
<!doctype html>
<head>
<title>line-box-contain: inline-box</title>
<style>
.test { -webkit-line-box-contain: inline-box; line-box-contain: inline-box; font: 64px/1em Ahem; background-color:red; width:6em; height:3em }
.goodline { color: green }
</style>
</head>
<body>
You should see a green rectangle below. If you see any red, the test has failed.
<div class="test">
<span style="background-color:green; font-size:64px;padding-left:5em; padding-right:1em;margin-bottom:0.5em;padding-top:0.5em"></span><br>
<div style="display:inline-block; width:6em;height:2em;vertical-align:bottom;background-color:green"></div></div>