Filed under: Blogging

You know how you can spend years wishing there was a solution to a really frustrating problem and in your despair you devise a workaround that takes half a boring hour of wasted time to do?

And you know how then years later you discover there was a button you could press that fixes the problem in less than a second if only you had known?

And you know how you wish someone had bloody told you about it before?

Well, that’s what this is.

We’ve had this problem – not on IE usually, but certainly on Firefox – where if we placed an image that is less than the width of the column, then the text we place under it ends up beside it, instead, and it looks ugly, or not what we intended. Well, we’ve tried inserting paragraph spacing. We’ve placed long strings of non-breaking spaces. We’ve tried tables and inserting images in tables. Sometimes this works in Firefox but then it looks awful in IE or vice versa. Sometimes we’ve fought with this for two hours because we’ve refused to be beaten.

And then last night we came, by accident, across a tiny snippet of code that fixes it all up. We felt kind of excited, stupid, relieved and ultra pissed off all at the same time.

So if you have had the same problem, here is the code.

Place this code beside your image (or your table or whatever):

If you see what we mean.

This is only one of those things they don’t tell you.

If you have any more of these, and not just about blogging, please let us know in Comments and share it with the world.

[tags]blogging, blogs, internet, wordpress, code, wordpress code, blog code, coding, html, www, world wide web, snippet, firefox, internet explorer, IE, column, table, australian values, values[/tags]