title: Making empty <a></a> tags visible or add some text or style with CSS or Javascript or in PHP?
body: <p>I am using some raw code and displaying it in a standalone PHP page.</p>
  
  <p>The raw code has anchors which are empty <em></em> tags. Like this :</p>
  
  <pre><code>&lt;a name="general-example-2.json"&gt;&lt;/a&gt;
  
  &lt;a name="another-general-example.json"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>The only constant is that all these anchors have some random 'name'.</p>
  
  <p>How can I make these anchors visible or clickable in any way ?</p>
  
  <p>I have no control over the original raw code, so can't do anything there.</p>
  
  <p><strong>Option 1 :</strong> Can some CSS / Javascript be used to make these empty  tags visible or show some default image or link text ?</p>
  
  <p><strong>Option 2</strong> : Can the <code>&lt;a name=</code> be rewritten with <code>&lt;a class="anchor" name=</code> with a PHP function and it will be much easier to style the anchor ?</p>
  
  <p>I have spent two days grappling with this situation and nothing seems to work. Please help!</p>
  
  <p><strong>Edit :</strong> Thank you all for suggesting various approached. @Richard Parnaby-King's CSS solution turned out to be just what I needed. </p>