cách hiển thị dấu hoa thị trước khi bắt đầu nhãn khi nhãn có chiều rộng cố định

Question

Tôi muốn hiển thị dấu hoa thị trước nhãn của tôi cho biết đó là trường bắt buộc. Sau đây là css mã của tôi id cho nhãn,

#label{ 
    float: left; 
    height: 30px; 
    padding-right: 4px; 
    padding-top: 2px; 
    position: relative; 
    text-align: right; 
    vertical-align: middle; 
    width: 73px; 
} 

sản lượng trên là, * Nhãn nhưng tôi muốn nó được như thế, * Nhãn Cảm ơn

Answer 1

Sử dụng: trước khi giả lớp

 .label:before{ 
    content:"*" ; 
    color:red 
    } 

Hoặc

#req:before{ 
    content:"*" ; 
    color:red  
    } 
​ 

DEMO Updated

Answer 2

Nếu không nhìn thấy mã HTML rất khó cho chúng tôi biết những gì đang xảy ra. Tôi nghi ngờ bạn sẽ có thể giải quyết vấn đề của bạn bằng cách sử dụng thuộc tính ít được biết đến white-space, nếu dấu sao nằm trong cùng một phần tử với #label. Hãy thử sử dụng white-space: pre.

Dưới đây là một số thông tin thêm: http://www.w3schools.com/cssref/pr_text_white-space.asp

Answer 3

Simple approach is like this 
<font color="red">*</font>UserName<input type="text" name="userID"/> 

It will display the asterik. 

Sửa

Các phông chữ thẻ không được hỗ trợ trong HTML5. Sử dụng CSS thay thế.

font link