Weebly 탐색 모음의 가운데 내용

Question

Weebly에서 기본 테마를 골라 내 자신의 CSS와 HTML로 완전히 바 꾸었습니다. 가로 방향 탐색 모음을 수정하려고합니다. 막대 자체는 중앙에 있지만 페이지 (홈, 비디오, 디자인, 이력서 등)가 나열된 바 안의 텍스트는 그렇지 않습니다. 아래에는 탐색 바를 담당하는 CSS가 포함되어 있습니다. 도와 줘서 고마워!

#nav-wrap .container { 
clear: both; 
overflow: hidden; 
position: relative; 
} 

#nav-wrap .container { 
background:url(nav-bg-light.jpg) repeat-x top; 
height:45px; 
} 

#nav-wrap .container ul { 
list-style: none; 
} 

#nav-wrap .container ul li { 
list-style: none; 
float: left; 
background:url(nav-saperator-light.jpg) no-repeat right; 
padding-right:2px; 
} 

#nav-wrap .container ul > li:first-child a, 
#nav-wrap .container ul > li:first-child a:hover, 
#nav-wrap .container ul span:first-child li a, 
#nav-wrap .container ul span:first-child li a:hover{ 
border-radius:5px 0px 0px 5px; 
} 

#nav-wrap .container ul li a { 
float: left; 
display: block; 
font-family: 'Rosario', sans-serif; 
color: #262626; 
padding: 0px 30px; 
border: 0; 
outline: 0; 
list-style-type: none; 
font-size: 14px; 
line-height:45px; 
text-shadow: 0px -1px 0px #fff; 
} 

#nav-wrap .container ul li:hover { 
background:url(nav-saperator-hover-light.jpg) no-repeat right; 
} 

#nav-wrap .container ul li a:hover { 
background:url(nav-bg-hover-light.jpg) repeat-x top ; 
} 

#nav-wrap .container ul li:active { 
background:url(nav-saperator-active-light.jpg) no-repeat right; 
} 

#nav-wrap .container ul li a:active { 
background:url(nav-bg-active-light.jpg) repeat-x top ; 
} 

#nav-wrap .container ul li#active { 
background:url(nav-saperator-current-light.jpg) no-repeat right; 
} 

#nav-wrap .container ul li#active a { 
background:url(nav-bg-current-light.jpg) repeat-x top ; 
} 

Answer 1

나는 그냥이를 추가 할 필요가 있다고 생각 :

#nav-wrap .container ul li a { 
text-align:center; 
} 

Answer 2

#nav-wrap .container ul li a { ... } 

나는 이것이 당신이 텍스트를 중앙에 배치 할 위치가

text-align:center; 

을 쉽게 수행 할 수 있어야 생각