How do you type like this?

I might want to ask this.
How can we type in our message like this:
http://testjalcss.7forum.net/
(It's the mini blog part. Sorry cause I can't screen shot)

My question is, how can we type in the message together with the picture.
Every time I try doing this, the words will just move in the same line as the picture.

Help will be appreciated.

First,use the picture code first,then enter your text.

When you press send,your message will appear like that on Jalo's forum.

It still fails. Got another way?

Hello.

The image is using a floating CSS property.

For your posts, you MUST enable HTML in your admin panel.

Then, you can use this code, to make your image float to the left

Code:

<div style="float:left;">[img]http://myimagelink.png[/img]</div>

...or float to the right

Code:

<div style="float:right;">[img]http://myimagelink.png[/img]</div>

And for your portal blocks, forum descriptions, homepage message and HTML pages (HTML is always on, whatever the settings in the admin panel), after making sure the HTML editor is disabled, you use this code for left side floating :

Code:

<div style="float:left;"><img src="http://2img.net/i/fa/logo/logo_en.png" alt="your replacement text for accessibility purpose" /></div>

...or right side floating :

Code:

<div style="float:right;"><img src="http://2img.net/i/fa/logo/logo_en.png" alt="your replacement text for accessibility purpose" /></div>

In all cases, your text MUST be placed AFTER the floating element.

Test result, in a post on my testboard : http://youwontfindme.editboard.com/test-f1/test-floating-element-t231.htm#373
(note : don't try to understand the latin text, it's just dummy text that's used for webdesign demos)

Thanks Cornelia.