The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
html{
	background: #f06;
	background: linear-gradient(90deg, #ccc, #fff);
	min-height:100%;
}

.tooltip{
	width: 400px;
	left: 50px;
	top: 100px;
	position: absolute;
	background: #fff;
	border: 1px solid #999;
	border-radius: 5px;
}

.tooltip p{
	font-family: Arial, Helvetica, Sans-serif;
	margin: 10px;
	font-size: 12px;
}

.tooltip p:before{
	content: ' ';
	width: 10px;
	height: 10px;
	background: #fff;
	position: absolute;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	left: 20px;
	top: -6px;
	transform: rotate(45deg); 
}

dabblet.html

<div class="tooltip">
	<p>Normally, both your asses would be dead as fucking fried chicken, but you happen to pull this shit while I'm in a transitional period so I don't wanna kill you, I wanna help you. But I can't give you this case, it don't belong to me. Besides, I've already been through too much shit this morning over this case to hand it over to your dumb ass.</p>
</div>

settings.json

{"view":"split","seethrough":"","prefixfree":"1","page":"css"}