blob: a434e08b90dabb0fbe649758c39854baeff13ddc [file] [log] [blame]
<!-- The orange, blue and green text boxes should not overlap -->
<html>
<body style="font: 1em/1 Ahem, sans-serif;">
<style>
#test
{
color: blue;
display: table-row;
}
#test::before
{
content: "1234";
color: orange;
display: table-row;
}
</style>
<div id="test">
ABCD
</div>
<div style="font-size: 800%; color: green">
EFGH
</div>
<script>
document.body.offsetTop;
var test = document.getElementById("test");
test.style.fontSize = "800%";
</script>
</body>
</html>