title: Best way to replace a text using CSS
body: <p>I would like to replace a text say 'company name' in my project. The use-case is to produce documents (after pre-processing) for different companies only by maintaining a different stylesheet for different company.</p>
  
  <p>SEO not much of the importance here.</p>
  
  <p>I am using this approach:</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;span class="company-name"&gt; YourCompanyName &lt;/span&gt;​
  </code></pre>
  
  <p><strong>css</strong></p>
  
  <pre><code>.company-name{font-size: 0}
  
  .company-name:after{
        content: "New Company Name";
        font-size: 14px;
   }​
  </code></pre>
  
  <p>and here is the jsFiddle <a href="http://jsfiddle.net/cN9gZ/" rel="nofollow">http://jsfiddle.net/cN9gZ/</a></p>
  
  <p>so here is my quick question: <strong>Is there any better way of doing the same thing, using css only?</strong> </p>