Преобразования типов

dabblet.css

/**
 * Преобразования типов
 */

body {
	font-family:sans-serif;
	font-size:24px;
	padding:20px;
	}
.menu {
	text-align:center;
	/*width:300px;*/
	background:#EE0;
	padding:10px;
	}
.menu ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:0;
	}
.menu li {
	margin:0;
	padding:0;
	display:inline;

	/*font-size:0;*/
	/*font-size:24px;*/
	}
.menu a {
	font-size:24px;
	margin:5px;
	padding:3px;
	width:180px;
	background:#EEE;
	display:inline-block;
	text-align:left;
	}
.menu a:hover {
	background:red;
	}
	

dabblet.html

<div class="menu">	
	<ul>
		<li><a href="?">Люк Скайуокер</a>
		<li><a href="?">Чубакка</a>
		<li><a href="?">R2-D2</a>
		<li><a href="?">C-3PO</a>
	</ul>
</div>

settings.json

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