title: CSS: Style <a> tags to look like plain text
body: <p>How can I style an anchor tag to look exactly like plain text? For example, I have:</p>
  
  <pre><code>&lt;p&gt; Here is some text and here is a 
     &lt;a class='no-link' href="http://www.example.com" &gt;link&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>What I have tried so far is:</p>
  
  <pre><code>.no-link{
    pointer-events: none;
    cursor: text;
    text-decoration: none;
    color: black;
  } 
  </code></pre>
  
  <p>However, with this styling, the 'link' text will still show the default cursor (i.e. the arrow) when you hover over it, as opposed to the 'text' cursor which shows up on the rest of the text in the <code>&lt;p&gt;</code> tag. How can I make all of it have the text cursor and <em>still</em> have the link <em>not</em> be clickable?</p>
  
  <p>I would like to avoid using jQuery, or even JavaScript at all if possible.</p>