title: Allow users to select a part of a links text
body: <p>Is it possible to allow user to click inside a link and select some part of the text? (In some or any modern browser.)</p>
  
  <p>Is there a CSS/HTML solution for this? Or is there any other, maybe a JS, solution?</p>
  
  <p>For example if you want to select <em>"Want to select this."</em> in the following example.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a href="#"&gt;
      Don't want to select this.
      Want to select this.
      Don't want to select this.
  &lt;/a&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>a{
      display: inline-block;
      width: 10em;
      margin: 10px;
      padding: 10px;
      border: 2px solid #eee;
      text-decoration: none;
  }
  </code></pre>
  
  <p><kbd><a href="http://jsfiddle.net/L8px2/" rel="nofollow">jsFiddle</a></kbd></p>
  
  <p>I've tried to use the following for Google Chrome. But it didn't allow one to select the text inside of the link, just disables the dragging of the element.</p>
  
  <pre><code>-webkit-user-select: all;
  -webkit-user-drag: none;
  </code></pre>