<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>Good-Tutorials.com: ryne's Tutorials with Comments</title>
    <link>http://www.good-tutorials.com/user/ryne</link>
    <description>ryne's tutorials with comments on Good-Tutorials.com.</description>
    <language>en-us</language>
    <item>
      <title>Stacking Text with CSS</title>
      <description>Oops didn't notice the left and top settings were still in the text-bottom css. You can remove those two lines since they aren't needed. </description>
      <author>Jacorre</author>
      <pubDate>Wed, 20 Jun 2007 18:33:40 +0000</pubDate>
      <link>http://www.good-tutorials.com/tutorial/19772/stacking-text-with-css#comment-1089</link>
      <guid>http://www.good-tutorials.com/tutorial/19772/stacking-text-with-css#comment-1089</guid>
    </item>
    <item>
      <title>Stacking Text with CSS</title>
      <description>Only problem with this is that they are positioned based on the page itself. If you want to use this technique for the headings of a page that contain content the content will appear right under the text. Here's another way to do it that will give more control:

The CSS would be:

#text-top {
	color:#099;
	position:absolute;
	left:-2px;
	top:-2px;
	font-size:36px;
	font-family:Arial, Helvetica, sans-serif;
}
#text-bottom {
	color:#CCC;
	position:relative;
	left:12px;
	top:12px;
	font-size:36px;
	font-family:Arial, Helvetica, sans-serif;
}

The HTML:

&amp;lt;div id=&amp;quot;text-bottom&amp;quot;&amp;gt;Stacking Text
&amp;lt;div id=&amp;quot;text-top&amp;quot;&amp;gt;Stacking Text&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;</description>
      <author>Jacorre</author>
      <pubDate>Wed, 20 Jun 2007 18:31:58 +0000</pubDate>
      <link>http://www.good-tutorials.com/tutorial/19772/stacking-text-with-css#comment-1088</link>
      <guid>http://www.good-tutorials.com/tutorial/19772/stacking-text-with-css#comment-1088</guid>
    </item>
  </channel>
</rss>
