How to change a shortcut using CSS?

Question

I am trying to change the contents of an HTML label, but I have no way to edit the HTML. So I am trying to change the text using CSS. Is there any selector to identify the label below, and if so, how can I make the text show the word "Organization" instead of "Company"? Thank.

<div class="control-group">
<label class="control-label" for="company" style="">Company</label>
<div class="controls">
<input id="settings-company" class="settings-company input-xlarge" type="text" data-config="required" value="My Organization" name="company">
</div>
</div>

Answer 1

Hide text with font-size:0;and add a pseudo-element.

label { font-size: 0; }
label:before { content: "Organization"; font-size: 14px; }