<!DOCTYPE html>
<html>
<body style="font-family: ahem; -webkit-font-smoothing: none;">
<style>
.tr { display: table-row; }
.td { display: table-cell; }
div.tr:before { content: "A"; color: blue; }
div.tr:after { content: "C"; color: orange; }
</style>
<body>
<div>
<div class="tr">
<div class="td" style="color: green">B</div>
</div>
</div>
<script>
document.body.style.fontSize = "100px";
</script>
</body>
</html>