側面導航，鏈接粘在右邊

Question

我對HTML很熟悉，但是這正在毀掉我：

我已經有一個紅色的側面導航。

的鏈接都是這樣

________________________________ 
          link | 
          link | 
          link | 
          link | 
--------------------------------- 

當我想要的鏈接，該框

這裏是我的CSS中居中。

#secNav{ 
float:right; 
border:thin; 
background:#F23C3B; 
margin:20pz 
; 
color:#FFFfff; 

} 

#secNav a{ 
    text-decoration:none; 
    color:#fff; 
    list-style-type:none; 


} 

#secNav ul { 
list-style-type: none; 


} 

有幫助嗎？

Answer 1

首先，您是如何在代碼中聲明邊距的？您是否想說：

margin: 20px; 

也可能包裹un有序列表在一個div，然後將邊緣設置爲自動？

.ul{ 
margin-left:auto; 
margin-right-auto; 
} 

Answer 2

下面是根據你的問題和CSS一個例子，FIDDLE

<nav id="secNav"> 
    <ul> 
    <li><a href="#">Link</a></li> 
    <li><a href="#">Link</a></li> 
    <li><a href="#">Link</a></li> 
    <li><a href="#">Link</a></li> 
    </ul> 
</nav> 

---

#secNav { 
    background: #f23c3b; 
    float: right; 
    width: 200px; 
    margin: 20px; 
    border: 1px thin; 
} 
#secNav ul { 
    list-style: none; 
    padding: 0; 
    text-align: center; 
} 
#secNav ul li { 
    margin: 5px 0; 
} 
#secNav ul li a { 
    text-decoration: none; 
    letter-spacing: 1px; 
    color: #fff; 
}