Percentage Grid Lists

HTML

<div class="container">
    <div class="row">
        <ul>
            <li><div class="inner">Item 1</div></li>
            <li><div class="inner">Item 1</div></li>
            <li><div class="inner">Item 1</div></li>
        </ul>     
    </div>
</div>

CSS

.container {
    padding: 30px;
}

.row {
    width: 100%;
    overflow: hidden;
}

ul {
    margin: 0 0 0 0;
    padding: 0;
    overflow: hidden;
}

li {
    width: 25%;
    float: left;
    margin: 0 0 0 0;
    list-style: none;
}

.inner {
    border: 1px solid #ccc;
    padding: 10px;
}