<!--
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  | Green-Beast.com                                                  |
  | CSS: Text Shadows                                                |
  | Extensible HyperText Markup Language                             |
  | Copyright Sep 2006                                               |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
-->

<!-- 
   Due to my exagerrated example and the commenting, this more 
   complicated looking than it really is
-->


 <div id="cts">
  <!-- first the shadow text -->
   <h2>THIS IS THE HEADING 
  <!-- this is hidden text -->
    <span class="offset">This is supporting text</span> 
  <!-- this is the main text -->
    <span>THIS IS THE HEADING</span></h2> 
 </div>


<!-- that's it. See actual mark-up used on Experiment page below -->

 <div id="cts">
   <h2>Did you know pure text drop shadows can be elastic and yet remain stable? <span class="offset">This experiment is meant to affirmatively answer that age-old question, as stated: &#8220;</span><span>Did you know pure text drop shadows can be elastic and yet remain stable?</span><span class="offset">&#8221; The answer, of course, is obviously and quite emphatically yes, it can! :-)</span></h2> 
 </div>

<!-- end -->