Untitled

dabblet.css

    #menu {
        width:  900px;
        margin: 0 auto;
    }

    #menu ul {
        margin:  0;
        padding: 0;
        list-style: none;
    }

    #menu li {
        float:  left;
        width: 100px;
    }
    #menu li:nth-child(4) {
        margin-left: 300px;
    }

    #menu li a {
        float: left;
        width: 100px;
    }

dabblet.html

<div id="menu">
    <ul class="menu">
        <li class="item-101"><a href="/">Home</a></li>
        <li class="item-113"><a href="/sobre">Sobre</a></li>
        <li class="item-114"><a href="/portfolio">Portfolio</a></li>
        <li class="item-115"><a href="/bastidores">Bastidores</a></li>
        <li class="item-116"><a href="/blog">Blog</a></li>
        <li class="item-117"><a href="/contato">Contato</a></li>
    </ul>
</div>

settings.json

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