html - 有没有办法消除 "..."标签对特定元素的影响？

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

检查这个 example .