I am trying to find out the most efficient and accurate way to wrap text around a few photos and then put a border around the whole item and have it appear as desired in IE and Firefox (Safari usually looks OK).
I have tried using an html box. The wrapping works fine, but the border extends well below the end of the text. Wrapping does not seem to work well within table cells but putting html boxes nested in table cells keeps several text-with-photos items organized and aligned on a page. The problem is the border options are limited.
The padding at the base of the HTML container is a cushion for if or when a visitor might increase the text size. You have an option to align the content in the middle > inspector > table cell settings (third tab) > align > centre.
It also seems that you have placed these HTML containers on their own, if you increase the text size when viewing the page in a browser it bleeds into the next box below, might be worth making these into a table to avoid this.
As for the borders, you can plumb in various styles manually - dashed - dotted - solid grove - ridge - inset.
These are added in extended attributes once you’ve selected the HTML cell.
Name: = style
Value = border: 1px double #999999; (change the double for dashed or ridge and the hex value for another colour)