如何移動導航文本的位置？

我想創建導航欄，但它不會完全對齊我的html body中的背景。下面是我到目前爲止有：如何移動導航文本的位置？

HTML：

<div class="head-nav"> 
    <ul class="navigasi"> 
     <li><a href="#">FACEBOOK</a></li> 
     <li><a href="#">PORTAL</a></li> 
     <li><a href="#">FORUM</a></li> 
    </ul> 
</div>

CSS：

.navigasi { 
    list-style-type: none; 
    text-align: center; 
    margin: 0; 
    padding-bottom: 40px; 
} 

.navigasi li{ 
    display: inline-block; 
} 

.navigasi >li> a { 
    text-align: center; 
    font-weight: bold; 
    font-size: 1.5em; 
    font-style: italic; 
    padding: 15px; 
    margin-top: 29px; 
}

我想移動的FACEBOOK，門戶網站，論壇向左或rightin爲了與每個盒子對齊。我試過在HTML中添加這樣的樣式：

<li><a style="left: 30px;" href="#">FACEBOOK</a></li>

但它不起作用。你能幫我嗎？謝謝。

來源

2017-02-20 bnrfly

使用'position'然後用'left'' right'來調整 –

每當你想left，right，top或bottom申請，給它一個position，除了static（這是默認值）：

<li><a style="left: 30px;position:relative;" href="#">FACEBOOK</a></li>

來源

2017-02-20 13:32:29

這就是我要找的！謝謝。 – bnrfly

非常歡迎。很高興我能幫上忙。保重。 –

給它留下了一個.navigasi text-align屬性>李>而不是給它文本對齊：向右。

`.navigasi >li> a { 
    text-align: left; 
    font-weight: bold; 
    font-size: 1.5em; 
    font-style: italic; 
    padding: 15px; 
    margin-top: 29px; 
}`

來源

2017-02-20 13:36:57

如何移動導航文本的位置？

回答

相關問題