Untitled

dabblet.css

.tabs{
	padding: 0;
    list-style: none;
}

.tabs li {
    display: table-cell;
    width: 1%;
}
​
.tabs a {
	display: inline-block;
    background: #DDD;
    padding: 0.25em 0.5em;
    width: 10px;
    
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

dabblet.html

<ul class="tabs">
    <li><a href="">Long Wosrd</a></li>
    <li><a href="">Second</a></li>
    <li><a href="">Third</a></li>
    <li><a href="">Fourth</a></li>
    <li><a href="">Fifth</a></li>
    <li><a href="">Sixth</a></li>
    <li><a href="">Seventh</a></li>
    <li><a href="">Eighth</a></li>
    <li><a href="">Ninth</a></li>
    <li><a href="">Tenth</a></li>
    <li><a href="">Eleventh</a></li>
    <li><a href="">Twelfth</a></li>
</ul>
</ul>

dabblet.js

// alert('Hello world!');

settings.json

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