text-align：right;不适用于

Question

非常简单，我无法在<label>元素中使文本对齐到右边。

HTML

<div id="contact_form">
 <label for="name" id="name_label">Name:</label>
 </div>

CSS

#contact_form label {
  text-align: right;
}

我的页面：http://freshbeer.lv/development/en/contact.php

您可以看到名称，电话，电子邮件等的标签在左侧对齐，但是我需要将它们在右侧对齐，所以有人可以提出建议吗？

Answer 1

Label是内联元素-因此，除非定义了宽度，否则其宽度与字母跨度完全相同。您的div元素是一个块元素，因此默认情况下其宽度为100％。

Answer 2

您可以使文本在任何元素（包括标签）的右侧对齐。

Answer 3

如其他答案所述，label是一个内联元素。但是，您可以将display: inline-block应用于标签，然后以text-align居中。