James Wilkes Web Design

Here’s a nice HTML and CSS trick – making text split with different colors.

The trick is to make 2 DIVs with the same text content in the same place (using CSS position) and make the top one a different color and only half height (setting the height to slightly over half a line using height: 0.6em and overflow: hidden)

Demo here.

Share this:

Filed under: CSS, Hints and Tips, HTML
No comments »