css - タグに幅を設定できません

Answer 1

インライン要素に幅を設定することはできません。

追加display: inline-block;すると動作します

a{ 
    width: 20%;
    text-align: center;
    line-height: 10%;
    font-size: 1em ;
    text-decoration:none;
    padding-top: 0.5em;
    font-family: 'Happy Monkey', cursive;
    display: inline-block;
}

Answer 2

これが実際の例です：

http://jsfiddle.net/rKwkH/1/

と を に適用する必要がwidthありdisplay:inline-blockましたli:

li{
    list-style-type: none;
    float: left;
    width: 20%;
    display: inline-block;
}

Answer 3

デフォルトではインライン要素です。以下を使用する必要があります。

display: inline-block;

ブロックレベル要素では幅を設定できますが、インライン要素では設定できません。