title: Wrapping text inside a CSS shape
body: <p>I would like to justify/wrap my text inside a triangle to follow its border shape.
  I've made an example using a parallelogram, but the result isn't satisfying.</p>
  
  <pre><code>.parallelogram { 
      width: 200px; 
      padding: 20px; 
      -webkit-transform: skew(-30deg); 
      -moz-transform: skew(-30deg); 
      transform: skew(-30deg);
      background: #ccc;
      margin: 80px;
  }
  
  .parallelogram .text {
      width: 200px;
      -webkit-transform: skew(30deg); 
      -moz-transform: skew(30deg); 
      transform: skew(30deg);
      margin: 20px;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/HarrysNature/noqa6qLc/3/" rel="noreferrer">http://jsfiddle.net/HarrysNature/noqa6qLc/3/</a></p>
  
  <p>Any idea?</p>