html - 当标签具有固定宽度时，如何在标签开始之前显示星号

Question

我想在我的标签前显示星号，表明它是必填字段。以下是我的标签 css id 代码，

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

上面的输出是，*标签，但我希望它像，*标签谢谢

Answer 1

使用 :before 伪类

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

或者

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

演示更新

Answer 2

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

It will display the asterik.

编辑

HTML5 不支持字体标签。改用 CSS。

字体链接

Answer 3

如果没有看到 HTML，我们很难知道发生了什么。white-space如果星号与#label 位于同一元素中，我怀疑您将能够使用鲜为人知的属性解决您的问题。尝试使用white-space: pre.

这是更多信息： http ://www.w3schools.com/cssref/pr_text_white-space.asp