Untitled

    <ul id="menu">

        <li>    <a href="#" class="item">

                <span>Text text</span>

            </a>

        </li>

        <li>    <a href="#" class="item">

                <span>Text2</span>

            </a>

        </li>

        <li>    <a href="#" class="item">

                <span>Text3</span>

            </a>

        </li>

    </ul>

ul {

    min-width:100%;

    padding:0;

    margin:0;

    display: table;

    list-style-type:none;

    background: #000000;

}

li {

    display: table-cell;

  width: 33%;

}

a {

    overflow: hidden;

    text-decoration:none;

    color:white;

    background-color:purple;

    padding:0.2em 0.6em;

    border-right:1px solid white;

  display: block;

}