Question

现在我正在尝试将我的链接对齐页脚中的p。出于某种原因，当我尝试在页脚中的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:

        }

如果您需要更多代码或更多信息，请务必告知我们。

Answer 1

您好现在可以像这样轻松地完成此操作

<强> HTML

    <div id="footer">

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

</div>

的 Demo Live 的

Answer 2

<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>

Answer 3

您可以通过编码this way

轻松完成

无法在页脚中对齐p旁边的链接

3 个答案: