如何让HTML导航栏中一个超链接居右，另一个保持居左？

你之前用align标签没用是因为它属于HTML旧属性，现在已经不推荐使用了，咱们用CSS来实现更稳妥的布局，给你两种简单易上手的方法：

方法一：Flexbox布局（推荐，现代主流方式） #

给导航栏里的p标签加上flex布局，通过justify-content: space-between就能让两个链接分别靠左右两侧：

<nav>
  <p style="display: flex; justify-content: space-between; margin: 0; padding: 10px;">
    <a href="index.html">Home</a>
    <a href="Contact.html" target="_blank">Contact</a> <!-- 注意去掉了多余的分号 -->
  </p>
</nav>

• display: flex：将元素转换为flex容器，启用flex布局
• justify-content: space-between：让容器内的元素两端对齐，中间自动填充空白区域

方法二：Float浮动布局（传统方式，适合理解基础逻辑） #

给右侧的Contact链接加上float: right，同时给父元素加清除浮动的样式，避免布局混乱：

<nav>
  <p style="overflow: hidden; margin: 0; padding: 10px;">
    <a href="index.html">Home</a>
    <a href="Contact.html" target="_blank" style="float: right;">Contact</a> <!-- 去掉多余分号，添加float样式 -->
  </p>
</nav>

• float: right：让该链接向右浮动到容器右侧
• overflow: hidden：给父元素p添加这个属性，用来清除浮动，防止父元素出现高度塌陷问题

另外注意你原代码里Contact链接的target="_blank"后面多了个分号，记得删掉，否则可能导致属性解析异常。

内容的提问来源于stack exchange，提问作者Harsh jain