CSS 수평 메뉴를 중앙에 배치하는 방법은 무엇입니까?

나는이 문제가있다 나는이 간단한 CSS Horizontam 메뉴를 중심으로 기울이지 않는다. 내가 어떻게 도와 줄 수 있니? 그래서 여기 내 CSS 코드CSS 수평 메뉴를 중앙에 배치하는 방법은 무엇입니까?

<style> 
{ 
float:left; 
width:100%; 
padding:0; 
margin:0; 
list-style-type:none; 
} 
a 
{ 
float:left; 
width:6em; 
text-decoration:none; 
color:white; 
background-color:purple; 
padding:0.2em 0.6em; 
border-right:1px solid white; 
border-left:1px solid white; 
} 
a:hover {background-color:#ff3300;} 
li {display:inline;} 
</style>

것은 여기

</head> 
<body bgcolor="gray"> 
<font face="calibri"> 

<center><img style="float:center" src="header.jpg" alt="" ></center> 
<center> 
<ul> 
<li><a href="#">HOME</a></li> 
<li><a href="#">EVENTS</a></li> 
<li><a href="#">VIDEOS</a></li> 
<li><a href="#">CONTACT US</a></li> 
</center> 

</ul>

여기 메신저에게 나에게 단지 새로운 멤버를 도와 주셔서 감사합니다 내 HTML입니다. PLS 감사

출처

2014-02-23 2cool4u

첫 번째 단계는 '

'을 제거하는 것입니다. 또한 'float : center' CSS 속성도 없습니다. 당신은 또한 당신의 CSS에 뭔가 빠져있는 것 같습니다. 첫 번째'{...} '블록에는 셀렉터가 지정되어 있지 않습니다 ... –

옙 저는 모든 것을 편집하려고하고 중심으로 변경하려고했습니다. 그냥 무언가를 시도. 미안한데 그 – 2cool4u

일반적으로 왼쪽 및 오른쪽 여백을 '자동'설정하여 중심. 그것을 중심으로 네 – Ned

Fiddle

사용 text-align: center을 회신 ul 및 a 태그의 모든 float: left를 제거합니다.

ul {  
    width:100%; 
    padding:0; 
    margin:0; 
    list-style-type:none; 
    text-align: center; 

}

출처

2014-02-23 04:28:40 JunM

중첩. 그러나 그것은 좋지 않아 보인다 – 2cool4u

@ user3236746 당신은 단지 그 수평 메뉴를 중심에 두도록 요청했다. 그리고 그것은 지금 중심에있다 :) – JunM

CSS 수평 메뉴를 중앙에 배치하는 방법은 무엇입니까?

답변

관련 문제