title: css class selector to select text inside a div
body: <p>I have a div with a classname "test".  The class "test" has a cursor pointer assigns to it.  The class also has a fixed width of 200px.  Inside the div is text of length that is shorter than the width of the div. I don't want the point to appear when the mouse is placed in the blank part of the div. </p>
  
  <p>Is there a way that I can assign the css pointer to the text inside the div without wrapping the text inside another <code>&lt;span&gt;</code> tag.  I just don't want to go back and add the span tag to every single div and rewrite the javascript.</p>
  
  <p>I am thinking of something like this pseudo css code</p>
  
  <pre><code>.test.text {
    cursor:pointer;
  }
  </code></pre>