为什么这个按钮在html中没有正确对齐？

Question

我有一个提交按钮的以下html代码段：

<input style="height: 30px; width: 120px" type="submit" align="right" name="" value="Submit">

但它根本没有对齐（或者中间是我想要的）。对齐标签似乎没有做任何事情为什么会这样呢？

Answer 1

input element没有align 属性。在想知道为什么标记不能按预期工作之前，您应该使用a validator。

使用CSS进行演示。

您可能希望在父元素或text-align

上使用float

Answer 2

HTML的align属性在很久以前就已被弃用。作为一种好的做法，所有样式都应该由CSS而不是HTML来完成，例如：

<input style="height: 30px; width: 120px; float: right" type="submit" name="" value="Submit">

即使是更好的做法 - 避免使用内联CSS

<style>
input[type=submit] { height: 30px; width: 120px; float: right; }
</style>

<input type="submit" name="" value="Submit" />