Untitled

dabblet.css

* {
	margin: 0;
	padding: 0;
}
div {
	border-radius: 5px;
	border: 1px solid #787878;
	border-bottom: 0;
	position:relative;
	width: 100px;
}


div:before {
	position: absolute;
	bottom: 0px;
	left:0px;
	border-radius: 5px;
	border-bottom: 1px solid #787878;
	content: '';
	height: 5px;
	width: 100px;
}



ul {
	list-style:none;
	border-radius: 5px;
	overflow:hidden;
}


ul li {
	height: 50px;
	border-bottom: 1px solid #ccc;
}


ul li.yellow {
	background: yellow;
}

dabblet.html

<div>
	<ul>
		<li>1</li>
		<li class="yellow">2</li>
	</ul>
</div>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}