boxes floating left and vertical centering of the content for YB

dabblet.css

/**
 * boxes floating left and vertical centering of the content for YB
 */

html{
	background: white;
	min-height: 100%;
}

body{
	
}

.element {
	position: absolute;
	width: 0px;
	height: 0px;
	
	top: 40%;
	left: 20%;
}

.element div {
	width: 100px;
	border: 1px solid;
	right: -50px;
	top: 40px;
	position: absolute;
}

.element .icon {
	top: -30px;
	right: -30px;
	width: 60px;
	height: 60px;
	
}

dabblet.html

<div class=element>
	<div>t ext blabla </div>
	<div class=icon>OOO</div>
</div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}