Q:

How add text info in front of a label

I have this :
http://jsfiddle.net/mlotfi/n9r8g95h/
<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 /> 

I would like to add some text info in front of the two labels to become :
http://s1.postimg.org/90q588gan/label.png

A:

Maybe using 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/

