Wrap your content in different shapes with CSS Text Wrapper

By Ashish Mohta

Want to generate your content in that shape ? CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. Well it might to be the perfect way to read but you can use it at some places where you want to add affects. You can make text wrap around curves, zig-zags, or whatever you want.

CSS Text Wrapper allows you to do this in three different ways.

  • Inline CSS or HTML
  • XHTML w/ Classes
  • and The best method using a lightweight JavaScript.

The Home page allows you to take a test ride to understand how it works better:

You can get the CSS or HTML or JavaScript for the above and use it on your site. I find this tool be cool if you want to make your site look different at some places.

I am very happy to welcome CSS Text Wrapper into our Graphics Tool Bag.

 

About The Author of this article:
Ashish is one of the co-author of this blog and writes on various interesting softwares, PC tips and more. You can read more of his articles here.

Enjoyed this article? Download our Toolbar ( for Free ) and read us more quickly or Free Subscribe to the Full RSS Feed or Get Post like this in your Inbox Click to get via Email ( You will have to confirm by checking you Inbox)


Readers Play Ground


7 Comments and Link-Backs to “Wrap your content in different shapes with CSS Text Wrapper”

Click Me and Jump to Add your Comment :)

7 Comments from Friends and Readers

  • Brown Baron, January 4, 2008:

    I like it. It’s very convenient to use especially when you have different sized images in a post. Very nice buddy.

  • Techblissonline Dot Com, January 5, 2008:

    I like it a lot…this is really cool…

  • kanak, January 5, 2008:

    wow , excellent  tool. But still i cant imagine the shape which will appear in IE6 using the css option :D

  • Manav, January 6, 2008:

    kool post..i like it ashish. :lol:

  • Ashish Mohta, January 6, 2008:

    @Kanak: It was really difficult for me 2. I was wondering if there had been some easy way to design it. The animation which runs on their home page has 2 lines but its difficult to give them a curve shape.

    @Manav: Thanks Manav

  • hey, January 6, 2008:

    I didnt see you giving credit to the author of this work?  Nate Weiner.. this was all over Digg.com

  • Ashish Mohta, January 6, 2008:

    @Hey: It has been linked to the source site!

Leave a comment Share your thoughts with the world

Scroll Down and Check footer for more details

Search




  • Recent Comments:

    • Red@: Never minde … by the way my name is Reda ;)
    • Rakesh: Golden Park, Green B2/10,beturkar pada, kalyan (W) Dist: Thane, Maharashtra
    • Red@: i found the true Adress , it’s : monitter.com/
    • Red@: i’ve nothing with that link !!!
    • Keith Dsouza: I used to visit this site quite a lot earlier, never really get much time these day but I do get email...
    • Tharma: Hey if anyone has any spare invites, I would love one! Thanks a bunch.. med5056 at gmail dot com
    • Brian Toomey: Would love an invite to this service to automate the annoying task of emailing 50 versions of an...
    • Aaron: Hi, It looks like dropbox will give me the space and tools I need. Please pass on an invite, if you have any....
    • Deep Throat: hey ashish mohta, ive done the rec 2 dx10 installer and i have DX10 working (although some games dont...
    • Dale Bell: Could it be that Yahoo gets paid for Bots? Did I say that? hummmmm

Technology Blogs - Blog Top Sites