<!DOCTYPE html>
<!-- You should only one blue textbox between the green list maker and green textbox -->
<html>
<body style="font: 1em/1 Ahem, sans-serif;">
<style>
li:before {
    display: table-row;
    content: "ABCD";
    color: blue;
}
</style>
<ul>              
<li style="color: green">EFGH</li>
</ul>
<script>
    document.body.offsetTop;
    document.body.style.fontSize = "200%";
</script>
</body>
</html>