如何在标签前添加文本信息

Question

我有这个：

<label class="formLabel">Left Hand Side </label> 
   <input type="text" name="lhsKey" size="65" value="" id="lhsKey">
   <br /> 
<label class="formLabel">Right Hand Side</label> 
   <input type="text" name="rhsValue" size="65" value="" id="rhsValue">
   <br />

我想在两个标签前添加一些文字信息成为：

http://s1.postimg.org/90q588gan/label.png

Answer 1

也许使用 span

HTML:

<label class="formLabel">Left Hand Side <span class="text-info">('xnc.path.' will be automatically prefixed)</span></label>
<input type="text" name="lhsKey" size="65" value="" id="lhsKey"><br /> 
<label class="formLabel">Right Hand Side <span class="text-info">('/ent/ic' will be automatically prefixed)</span></label> 
<input type="text" name="rhsValue" size="65" value="" id="rhsValue"><br />

CSS:

label { 
    font-weight: bold; font-size: 100%; text-transform: uppercase; letter-spacing: .125em;
}
.formLabel {
     display: block; line-height: 1.8; vertical-align: top; font-weight: bold; padding-top: 10px;   color: #245393; 
}

.text-info {
    text-transform: none;
    color: purple;
}

http://jsfiddle.net/n9r8g95h/4/

如何在标签前添加文本信息

How add text info in front of a label

html

label