title: CSS - Wrap text along angle
body: <p>I'm trying to get text to wrap along an angle. This illustrates what I'm trying to do better than I can describe it:</p>
  
  <p><a href="http://bdub.ca/angle.png">http://bdub.ca/angle.png http://bdub.ca/angle.png</a></p>
  
  <p>I found a solution <a href="http://www.csstextwrap.com/">here</a> but it uses a heck of a lot of empty floated divs to create the effect. I will need to do this a bunch of times on a page so it would be better to have a solution that is lighter in weight. JavaScript is okay if it's something that I can just run on page load to spare the DOM from an overload of extra elements. </p>
  
  <p>My brainstorming for a JS solution got as far as trying to figure out how to wrap each line in a span and set the left margins of the spans successively larger. The caveat is that the text is a paragraph that will auto wrap to fit in the container - I unfortunately can't ask my client to insert line breaks from Wordpress - so to wrap each line in a span would involve somehow detecting the automatic line breaks using javascript.</p>
  
  <p>Any suggestions?</p>