căn chỉnh văn bản: đúng; không hoạt động cho <label>

Question

Đơn giản là tôi không thể lấy văn bản để căn chỉnh sang phải trong phần tử <label>.

HTML

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

CSS

#contact_form label { 
    text-align: right; 
} 

trang của tôi: http://freshbeer.lv/development/en/contact.php

Bạn có thể thấy nhãn cho tên, điện thoại, email vv ... được liên kết với còn lại, nhưng tôi cần chúng được căn chỉnh ở bên phải, vì vậy bất cứ ai có thể đề nghị một cái gì đó?

Answer 1

Label là phần tử nội tuyến - vì vậy, trừ khi chiều rộng được xác định, chiều rộng của nó chính xác giống với độ dài của chữ cái. Phần tử div của bạn là phần tử khối sao cho chiều rộng của nó theo mặc định là 100%.

Bạn sẽ phải đặt text-align: right; trên các yếu tố div trong trường hợp của bạn, hoặc áp dụng display: block; để lựa chọn label

Một của bạn là để thiết lập chiều rộng cho mỗi nhãn và sau đó sử dụng text-align. Phương pháp display: block sẽ không cần thiết khi sử dụng phương pháp này.

Answer 2

Bạn có thể căn chỉnh văn bản ở bên phải của bất kỳ phần tử nào, kể cả nhãn.

Html:

<label>Text</label> 

Css:

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

Bằng cách này, bạn cho chiều rộng và chiều cao vào nhãn của bạn và thực hiện bất kỳ văn bản bên trong của nó sắp xếp ở bên phải.