Ajax Loader
×

Untitled

HTML
    <ul id="menu">
1
    <ul id="menu">
2
        <li>    <a href="#" class="item">
3
                <span>Text text</span>
4
            </a>
5
 
6
        </li>
7
        <li>    <a href="#" class="item">
8
                <span>Text2</span>
9
            </a>
10
 
11
        </li>
12
        <li>    <a href="#" class="item">
13
                <span>Text3</span>
14
            </a>
15
 
16
        </li>
17
    </ul>
 
CSS
ul {
1
ul {
2
    min-width:100%;
3
    padding:0;
4
    margin:0;
5
    display: table;
6
    list-style-type:none;
7
    background: #000000;
8
}
9
li {
10
    display: table-cell;
11
  width: 33%;
12
}
13
a {
14
    overflow: hidden;
15
    text-decoration:none;
16
    color:white;
17
    background-color:purple;
18
    padding:0.2em 0.6em;
19
    border-right:1px solid white;
20
  display: block;
21
}
 

Untitled

CSSDeck G+