Display inline-block menu demo

dabblet.css

/**
 * Display inline-block menu demo
 */

* { margin: 0; }

ul{
	text-align: center;
}

li {
	display: inline-block;
	width: 250px;
	height: 5em;
	background-color: #cccccc;
	border-radius: 1em;
	text-align: center;
	vertical-align: middle;
	line-height: 5em;
}

p {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

dabblet.html

<ul>
	<li><p>ONE</p></li>
	<li><p>TWO - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - TWO</p></li>
	<li><p>THREE</p></li>
</ul>

settings.json

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