how to Overlapping Text with Cascading Stylesheets?

By using CSS and the style tag we've created two classes . They are for two different heading tags

With the H2 tag, the position is set 5 pixels from the top and 55 pixels from the left of where they would normally be displayed.That means the text will be displayed 5 pixels lower and 55 pixels to the right of where the H2 tag would be displayed without the CSS class added. The font color, size and type were also set.

In the H3 tag the top position was set at -50 pixels. This caused the H3 text to be placed on top of the H2 text because it was moved 60 pixels above where it would normally be displayed.

Then a margin-left property was set to demonstrate how to push the H2 text to the right, so it lined up with the right side of Hypergurl.

Next, a margin-bottom property was set to control the space under the tag, otherwise there would have been a much bigger gap between the H3 heading text and the actual page content.