title: Diagonal line through <div> or <span>
body: <p>I'm wanting to have a diagonal line drawn from the upper-right corner of a <code>&lt;div&gt;</code> or <code>&lt;span&gt;</code> to the lower-left corner.  The problem is that the content will sometimes be longer or shorter.  So, something like a static image won't work.  Basically I want what's described here (<a href="https://stackoverflow.com/questions/8127035/how-to-create-a-diagonal-line-within-a-table-cell">How to create a diagonal line within a table cell?</a>) but for a <code>&lt;div&gt;</code> or a <code>&lt;span&gt;</code>.</p>
  
  <p>This has some interesting ideas: <a href="http://jsfiddle.net/zw3Ve/11/" rel="nofollow noreferrer">http://jsfiddle.net/zw3Ve/11/</a></p>
  
  <p>So does this: <a href="http://css-tricks.com/forums/discussion/13384/diagonal-line/p1" rel="nofollow noreferrer">http://css-tricks.com/forums/discussion/13384/diagonal-line/p1</a></p>
  
  <p>This is kind of a retry at this post: <a href="https://stackoverflow.com/questions/14593415/how-to-strike-through-obliquely-with-css">How to strike through obliquely with css</a></p>
  
  <p>I can't seem to figure any of this out though.  It seems like a pure CSS solution should work here, but I just don't have the skills to make that happen.  jQuery is an option for me as well.</p>