無法對齊鏈接旁邊的頁腳

現在我正在嘗試將鏈接旁邊的頁腳對齊p。出於某種原因，當我嘗試在頁腳旁邊放置鏈接時，導航中的所有鏈接都很容易對齊。鏈接到底部。我試過讓我的頁腳內聯，我嘗試了不同的位置方法，並且我嘗試過漂浮。然而，通過擺脫下面醜陋的白色條紋，使頁腳內嵌塊的確略微改善了情況。但我仍然需要鏈接來對齊。這裏是我的頁腳的HTML代碼無法對齊鏈接旁邊的頁腳

<div id="footer"> 

      <p><b>Copyright 2011 Hometown Bank, Inc.</b></p> 
      <a href="google.com">Privacy Policy</a> 
</div>

這是頁腳的CSS。

#footer 
     { 
      spadding-top: 1px; 
      height: 7%; 
      background-color:#CCDDEE; 
      width: 100%; 
      display:inline-block; 
      position: 

     }

如果您需要更多代碼或更多資料，請務必讓我知道。

來源

2012-09-11 DrinkJavaCodeJava

將鏈接*放在段落中。（段落是塊級元素，因此後面的內容將放在它們下面。） –

感謝您的幫助。對不起，問這樣一個新問題 – DrinkJavaCodeJava

它是'padding-top'而不是'spadding-top'，並且如果你沒有爲該屬性使用任何值，則移除'position：'。 – Oriol

喜做很容易，現在你可以做到這一點很容易因爲這樣

HTML

<div id="footer"> 

      <p><b>Copyright 2011 Hometown Bank, Inc.</b> <a href="google.com">Privacy Policy</a></p> 

</div>

Demo Live

來源

2012-09-11 04:46:55

<p>將有填充/邊距，默認情況下顯示爲：block。因此，該鏈接將出現在一個新的行。改爲將<p>更改爲<span>，然後根據需要更新樣式。

<div id="footer"> 
     <span style="font-weight:bold">Copyright 2011 Hometown Bank, Inc.</span> 
     <a href="http://example.com/">Privacy Policy</a> 
</div>

來源

2012-09-11 00:29:28 calvinf

您可以通過編碼this way

來源

2012-09-11 00:35:37 Izaias

無法對齊鏈接旁邊的頁腳

回答

相關問題