#startStopBtn:before{ content:"Start"; } #startStopBtn.running:before{ content:"Abort"; } #test{ margin-top:2em; margin-bottom:12em; } div.testArea{ display:inline-block; width:16em; height:12.5em; position:relative; box-sizing:border-box; } div.testArea2{ display:inline-block; width:14em; height:7em; position:relative; box-sizing:border-box; text-align:center; } div.testArea div.testName{ position:absolute; top:0.1em; left:0; width:100%; font-size:1.4em; z-index:9; } div.testArea2 div.testName{ display:block; text-align:center; font-size:1.4em; } div.testArea div.meterText{ position:absolute; bottom:1.55em; left:0; width:100%; font-size:2.5em; z-index:9; } div.testArea2 div.meterText{ display:inline-block; font-size:2.5em; } div.meterText:empty:before{ content:"0.00"; } div.testArea div.unit{ position:absolute; bottom:2em; left:0; width:100%; z-index:9; } div.testArea2 div.unit{ display:inline-block; } div.testArea canvas{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; } div.testGroup{ display:block; margin: 0 auto; }