CSS는 메뉴 위치

Question

ul#menu { 
    background-image:url(../images/menu.png); 
    width:992px; 
    height:62px; 
    margin:0 auto; 
    background-repeat: no-repeat; 
    overflow:hidden; 
    clear:both; 
} 

ul#menu li { 
    background-image:url(../images/sep.png); 
    background-position: top right; 
    background-repeat: no-repeat; 
    width:112px; 
    height:52px; 
    margin-right:20px;  
    display: block; 
    float:left; 
} 

ul#menu li a { 
    width:109px; 
    height:52px; 
    padding:0; 
    margin:0; 
    padding-top:14px; 
    font-size: 1.6em; 
    text-decoration: none; 
    display: block; 
    text-align: center; 
    outline: 0; 
    float:left; 
    color: #272727; 
} 

뭔가는 "LOREM Ispus 슬픔이"수평 확장 만하지 않는다는 것입니다 수직으로

해당 글꼴 크기 전체 텍스트 너무 좁

Answer 1

ul#menu li a { 
    width:109px; 

그래서 텍스트는 줄 바꿈됩니다.

다음은 width : 300px; http://jsfiddle.net/ncdkm/