Tuesday, 18 October 2011

Need Firefox/Safari fix: Text floats over image

Someone recently asked me about this technique and my first reaction was that it was probably a little too mundane to cover as a tutorial. But then I got to thinking that there is actually a few interesting things happening here and the style is trendy enough people might be interested.

The idea is just to overlay some text over an image, but as blocks that stick out from the left with an even amount of padding all the way around the variable-length text. Here is an example: Please Click here to go to the Example

No comments:

Post a Comment