title: Limiting length(div width) of an <a> element division
body: <p>Is there a way to limit the width of an "a" element? I'm using "a" elements as toggle buttons, but the blank space to the right of the "a" element remains of the pointer cursor style, which I do not want. Here's some code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a class="ChartLink" id="CapstoneLink"&gt; Global Leadership &lt;/a&gt;
  </code></pre>
  
  <p>CSS: </p>
  
  <pre><code>.ChartLink, a {
  padding: 10px;
  cursor: pointer; }
  </code></pre>
  
  <p>All of the white space to the left of the text remains of the pointer cursor. How do I limit the length of the text to just the text?</p>