Untitled

dabblet.css

#outer {
	width: 500px;
}

#outer:hover #text {
	-webkit-transition: left linear .5s;
	
	position: absolute;
	left: 100px;
}

#text { 
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	position: absolute;
	left: -150px;
}

#inner {
	background-color: red;
	width: 50px;
	height: 50px;
	float: left;
}

dabblet.html

<div id="outer">
   <div id="inner"></div>
   <div id="text">
   	<p>
   		Ola mundo
   	</p>
   </div>
</div>	

settings.json

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