|
This is some text to show how you can put an image to the left of the first character, then align it left to wrap the text. Just place the image, select it and then choose align left in the inspector. The text will wrap when it reaches the bottom of the image. If you want the image on the right, still place it on the left to begin with, then just choose to align right in the inspector. If you want a gap between the image and the text, choose a value for hspace and/or vspace (horizontal and vertical) - but be aware the space gets added to both sides of the image. You can't wrap text both sides of the image.
Here I have chosen to right-align the image, but I still put it on the left to start with. I've added hspace and vspace of 10 in each case so you can see the effect of that. This is similar to text-wrap or standoff in a number of page editing applications like Quark or Indesign. As you can see, the space does get added both sides - 10 px to the top and the bottom and the left and the right. There's nothing you can do about that. (Well, you can, but it's more advanced css than you'll find on this site!)
|
| Now find the align drop-down in the inspector (with the image selected). I recommend sticking to left or right, the others seem a bit unreliable.
You can put a table into your block of text in the same way. One small difference is, you will always get a paragraph break when you do this with a table, that's just how html works.
|
 |