<!DOCTYPE html>
<html>
<body style="font-family: ahem; -webkit-font-smoothing: none;">
<style>
#container { -webkit-column-width: 100px; }
#div1 { -webkit-column-span: all; }
#flexbox1 { color: white; }
</style>
<script>
document.body.offsetTop;
var container = document.createElement('div');
container.setAttribute('id', 'container');
document.body.appendChild(container); 
flexbox1 = document.createElement('div');
flexbox1.setAttribute('id', 'flexbox1');
container.appendChild(flexbox1);
var div1 = document.createElement('div');
div1.setAttribute('id', 'div1');
flexbox1.style.display = '-webkit-flex';
flexbox1.appendChild(document.createTextNode('a'));
flexbox1.appendChild(div1);
flexbox1.appendChild(document.createTextNode('b'));
</script>
</body>
</html>