<!-- The blue and green text boxes should not overlap --> | |
<html> | |
<body style="font: 1em/1 Ahem, sans-serif;"> | |
<style> | |
div::before { | |
content: "ABCD"; | |
color: blue; | |
display: table; | |
} | |
</style> | |
<div id="test" style="color: green">ABC</div> | |
<script> | |
document.getElementById('test').style.fontSize= "800%"; | |
</script> | |
</body> | |
</html> |