Html 文本对齐：右侧在镀铬中有边距或缓冲区

我试图简单地将一组文本和

元素向右对齐，这样输入的左侧总是在相同的位置对齐（它们的宽度相同，所以真正发生的是右侧与容器的右侧对齐），而标签文本的左侧是锯齿状的

这对于大型表单来说并不理想，但对于我所需要的，这样看起来更好

以下是HTML和CSS（还有）：

HTML:

就这样。现在，当我尝试跨浏览器访问页面时，真正的问题就出现了。和往常一样，Firefox也能正常工作。问题在于铬。下部输入（“端”）突出到上部输入的右侧。没有理由这样

如果你有两种浏览器，你可以查看我在上面发布的

---

这是Chrome的CSS引擎中的一个bug吗？有什么我不知道的事情吗？

这是我给你的演示。似乎chrome不喜欢

---

这是我给你的演示。似乎chrome不喜欢

---

您只需将

更改为

即可

---

您只需将

更改为

即可

---

你做得很好，只需将

移到上一行，在

输入后不留空格：

        Start: <input type="text" name="rangestart" /><br />
        End: <input type="text" name="rangeend" />

开始：

完:

就这样
 你做得很好，只需将

移到上一行，在
输入后不留空格：

        Start: <input type="text" name="rangestart" /><br />
        End: <input type="text" name="rangeend" />

开始：

完:

就这样
 您需要在一个div上同时具有类和id吗？（我不想说你不应该，因为我不确定，但我以前从未遇到过）

您可以给每个输入一个class/id，然后将该class/id的css设置为：float:right；-或者，您可以使用position:absolute；-就我个人而言，我会将这两对放在父div中，并使用display:inline；和浮动：对；在父div上。
是否需要在一个div上同时具有类和id？（我不想说你不应该，因为我不确定，但我以前从未遇到过）

您可以给每个输入一个class/id，然后将该class/id的css设置为：float:right；-或者，您可以使用position:absolute；-就我个人而言，我会将这两对放在父div中，并使用display:inline；和浮动：对；在父div上。
你需要在一个div上同时拥有一个类和一个id吗？@DominicB-c我技术上不需要它，但是像
。float-l
和
。right text
是更全局的样式，我不需要一直添加到每个不同的id上。这很公平，值得思考。。那么，你是在使用id设置javascript函数吗？你需要在一个div上同时拥有一个类和一个id吗？@DominicB-c我从技术上来说并不需要它，但是像
。float-l
和
。right text
是更具全局性的样式，我不需要一直添加到每个不同的id上。这很公平，值得思考。。那么，您是在使用id设置javascript函数吗？谢谢！我没有意识到未封装的空格很重要。谢谢！我没有意识到未封装的空格是重要的。
        Start: <input type="text" name="rangestart" /><br />
        End: <input type="text" name="rangeend" />