composer

load code

*<div style="height: 40%; left: 0%; position: fixed; top: 30%; width: 100%;">
<textarea id="bgi20170415sa1849i" style="height: 100%; left: 0%; position: absolute; top: 0%; width: 50%;"></textarea>
<a href="javascript:bgi20170415sa1849()" style="color: greenyellow; font-size: 1.5em; left: 50%; position: absolute; top: 30%;">load code</a>
<br />
<div id="bgi20170415sa1849f" style="height: 100%; left: 0%; top: 0%; width: 100%;">
</div>
</div>
<script>
function bgi20170415sa1849() {
document.getElementById("bgi20170415sa1849f").innerHTML = document.getElementById("bgi20170415sa1849i").value}
</script>

<div style="position:absolute;left:5%;top:20%;width:200px;height:200px;font-size:100px">
<div style="position:absolute;left:0%;top:0%;width:49%;height:49%;background-color:lightgrey;color:pink;font-size:50%">u</div><div style="position:absolute;left:0%;bottom:0%;width:49%;height:49%;background-color:lightgrey;color:pink;font-size:50%">d</div><div style="position:absolute;right:0%;top:0%;width:25%;height:25%;background-color:lightgrey;color:pink;font-size:40%">f</div><div style="position:absolute;right:0%;bottom:0%;width:25%;height:25%;background-color:lightgrey;color:pink;font-size:40%">s</div><div style="position:absolute;right:0%;top:40%;background-color:white;color:pink;font-size:20%">0/1</div>
</div>


<!--<div style="position:absolute;left:50px;top:50px;width:200px;height:200px;background-color:pink"></div>-->*