title: How can I insert new text with a hyperlink into a page in CSS?
body: <p>Say I have the following code:</p>
  
  <pre><code>...
  &lt;div id="originalContent"&gt;Foo&lt;/div&gt;
  ...
  </code></pre>
  
  <p>How can I use CSS to insert "Bar" after "Foo" and make "Bar" a hyperlink, like this:</p>
  
  <p>...Foo <a href="http://bar.com" rel="nofollow noreferrer">Bar</a>...</p>
  
  <p>I know that this would write "Foo Bar":</p>
  
  <pre><code>#originalContent:after { content: " Bar"; }
  </code></pre>
  
  <p>but I can't figure out how to make "Bar" a hyperlink.  Any ideas?</p>