выравнивание текста: справа;не работает на <label>

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%.

Вам нужно будет поместить text-align: right; на элемент div в вашем случае или применить display: block; к вашему label

Другой вариант - установить ширину для каждой метки и затем использовать text-align. display: block метод не будет необходим, используя это.

Answer 2

Вы можете выровнять текст справа внутри любого элемента, включая метки.

Html:

<label>Text</label>

Css:

label {display:block; width:x; height:y; text-align:right;}

Таким образом, вы задаете ширину и высоту для вашей метки и выравниваете любой текст внутри нее вправо.