Grow your CSS skills. Land your dream job.

Links of Interest

Published by Chris Coyier

Keep your list items INSIDE

There is quickie CSS trick over on Free CSS Templates reminding about the list-style-position property and how you use it to keep your list items inside your list instead of (weirdly) defaulting outside.


Articles at Blogging Tips

I've joined the team over at Blogging Tips. I plan to write articles over there regarding blogging specific CSS tips and tricks. This week I am telling people to Be Careful When Editing Your Blogs CSS. Last week I talked a bit about the text editor inside WordPress and how you can Space Out Blocks of Text in WordPress.


Non-Rectangular Text Boxes

csstextwrapper.gifThe CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website.


  1. Permalink to comment#

    I like the list tip. But what about spacing? You’d still have to use margin in order to make it spaced farther right.

  2. @Chris: Yes, you would, but at least when it’s “inside” you have exact control over how much of that margin or padding you want to add. Unlike when the list items are “outside”, you have to first figure out how much to compensate to get them lined up and then add extra to push them to the right. Not a huge deal but the more accuracy you have, the better.

This comment thread is closed. If you have important information to share, you can always contact me.

*May or may not contain any actual "CSS" or "Tricks".