CSS Text Wrapper

December 12, 2007

I found this really cool online tool that let’s you create HTML text and wrap it into different shapes other than rectangles. It’s called CSS Text Wrapper. As you can see, it’s pretty nifty. All I had to do was create my content, paste it into the form, make a few adjustments and BOOM - it gives me my code and all I have to do is copy and paste it right above my text in my post.

This probably isn’t something you want to do on a regular basis, but it may be just the thing you need to spice things up a bit. Maybe you can use it for memes, party invitations that accept HTML, or just because.

You have three methods to choose from on how you can implement it: Inline CSS/XHTML, XHTML w/ Classes, and javascript. The last option is the lightest choice. All you have to do is paste in a couple of lines of javascript. I’m not a programmer, but I believe that’s not going to mix well inside a WordPress post. However, the results can be an eye-catcher. :)

Making the shape is very easy. Here’s what it looks like:

CSS Text Wrapper
Rate me:
2.8

Comments

13 Responses to “CSS Text Wrapper”

  1. no imageColin King (Get to know me!) on December 12th, 2007 6:30 am

    Ha… Mark, you beat me to it. I found this tool while Stumbling a few days ago and I was going to make a post using it. I thought it was kinda cute :)
    Colin King’s last blog post..Deal of the Month

    Rate me:
    2.9
  2. no imagepawhealer (Get to know me!) on December 12th, 2007 11:05 am

    :neutral:

    And why might I want to do that?

    I’m new to your blog, but I decided I am going to do something new to my blog every week. Learn something new….ahhhh, not sure if this is what I had in mind :razz:

    Rate me:
    2.9
  3. no imageMark (Get to know me!) on December 12th, 2007 12:22 pm

    @Colin
    Hehe…when great minds think alike, that’s bound to happen. ;)
    @pawhealer
    I see it as something more for blogs that are more concerned about design, than anything else. Thanks for commenting, btw! Good to see you here. :)

    Rate me:
    2.9
  4. no imageBarbara (Xerraire) (Get to know me!) on December 12th, 2007 6:13 pm

    That is very nifty!
    I can’t think when I would use it, but indeed it’s very cool!

    Barbara (Xerraire)’s last blog post..Merry Tossmas

    Rate me:
    3.0
  5. no imageBush Mackel (Get to know me!) on December 12th, 2007 7:28 pm

    This is weird!!! AM I STUCK IN THE MATRIX!?

    Bush Mackel’s last blog post..Video Game Weekly Roundup

    Rate me:
    2.9
  6. no imageMark (Get to know me!) on December 12th, 2007 10:29 pm

    @Bush
    That depends: do you choose the red or blue pill? :)
    @Barbara
    Hi there! It’s an acquired taste for sure. ;) Thanks for commenting!

    Rate me:
    2.9
  7. no imageBrown Baron (Get to know me!) on December 13th, 2007 9:34 am

    Looks like an easy way to wrap text around images too. Nice find buddy

    Brown Baron’s last blog post..Generate Multiple Passwords Without Having To Remember Them

    Rate me:
    2.9
  8. no imageMike (Get to know me!) on December 13th, 2007 2:11 pm

    Oh this is sweet. I learned a technique a while back called “sandbagging” for doing something like this, but why bother with that when this site will do it for you? :P
    Mike’s last blog post..Looks like someone had a pretty long night

    Rate me:
    1.6
  9. no imageMark (Get to know me!) on December 13th, 2007 9:00 pm

    @Baron
    Anytime, my friend!:)

    Rate me:
    2.9
  10. no imageMark (Get to know me!) on December 13th, 2007 9:58 pm

    @Mike
    Well, I hope the time you save will be spent on your indie filming! ;)

    Rate me:
    2.9
  11. The Best of the Blogosphere: December 14, 2007 | Super Blogging on December 14th, 2007 2:32 am

    […] CSS Text Wrapper by MeAndMyDrum. […]

  12. no imagePopular Wealth (Get to know me!) on May 25th, 2008 11:18 pm

    I love text wrapper!

    I still haven’t gotten around to creating a wacky template with NON RECTANGLE LAYOUT to put this to use…. imagine a site layout thats all curvy and wavy.

    Very nice find.

    Popular Wealths last blog post..Celebrity Product Endorsements For YOUR Blog

    Rate me:
    2.9
  13. no imageMark (Get to know me!) on May 25th, 2008 11:23 pm

    @Popular Wealth
    It’s pretty cool, isn’t it? Thanks for taking the time to drop by MeAndMyDrum. I hope to see you here as a regular reader. :)

    Rate me:
    2.9

Please comment responsibly.
First-time commenters will be moderated and will display if I approve.