title: How to add gradient background to text (multiple lines)
body: <p>I found this jsfiddle on the internet. Does anyone of you know how I can change the background color from white into a gradient color? The gradient color should "restart" on each new line. Please see desired wish on "example 2" in this image: <a href="http://www.managers.dk/css-text-background.jpg" rel="nofollow">http://www.managers.dk/css-text-background.jpg</a></p>
  
  <p><a href="http://jsfiddle.net/omgmog/g3MQf/" rel="nofollow">http://jsfiddle.net/omgmog/g3MQf/</a></p>
  
  <pre><code>h1 { width:480px; font:bold 36px sans-serif; letter-spacing:-1px; color:#000; }
  
  h1 { 
  background: #fff; 
  display:inline; 
  white-space: pre-line; 
  position: relative; 
  padding: 9px 0; 
  line-height: 54px;
  -moz-box-shadow: -20px 0 0 #fff, 20px 0 0 #fff;
  -webkit-box-shadow: -20px 0 0 #fff, 20px 0 0 #fff;
  box-shadow: -20px 0 0 #fff, 20px 0 0 #fff;
  }
  </code></pre>
  
  <p>Thanks!</p>