有没有办法消除“<center>...</center>”标签对特定元素的影响？

Question

考虑以下 HTML 片段，

<center>
   <input type="text" id="one">
   <input type="text" id="two">
   <a href="#" id="three">Hyperlink</a>
   <input type="text" id="four">
</center>

如上所示，由于“ <center>...</center>”标签，所有内容都将居中对齐。但是，我不想要具有“id=three”的 HTML 元素（即超链接）的居中对齐属性。有什么方法可以实现这一目标吗？也欢迎类似设计的替代建议。

提前致谢。

Answer 1

正如评论中所说，<center>元素在 HTML4 中已被弃用并在 HTML5 中被删除。

但是如果你还想使用它，你可以试试这个：

a#three {
 text-align: left;
 display:block;
}

检查这个例子。