offsets in inline elements

I'm trying to make this page:

http://www.frostjedi.com/terra/scrip...ne-offset.html

Look like this page:

http://www.frostjedi.com/terra/scrip...at-height.html

ie. I'm trying to achieve the same effect that I do with floated block
level elements with inline elements and am having some difficulty.
For one, when using inline elements, there are three lines of text
whereas with floats there are just two.

I guess I could maybe add a span tag to the stuff after the <br />,
but is there a way to do it without adding any new elements?

yawnmoth wrote:

I'm trying to make this page:

http://www.frostjedi.com/terra/scrip...ne-offset.html

Look like this page:

http://www.frostjedi.com/terra/scrip...at-height.html

ie. I'm trying to achieve the same effect that I do with floated block
level elements with inline elements and am having some difficulty.
For one, when using inline elements, there are three lines of text
whereas with floats there are just two.

I guess I could maybe add a span tag to the stuff after the <br />,
but is there a way to do it without adding any new elements?

Why do you want to replace floats with inline elements? Inline elements
are /highly/ constrained in what they can have--for example, a <br />
tag. The main purpose for inline elements is for styling a group of
words in a block of text (think ABBR, A, SPAN, etc.), so they lose a lot
of properties.

Perhaps you might try using inline blocks instead? An inline box is a
box that is kept in inline flow (think images).

--
Beware of bugs in the above code; I have only proved it correct, not
tried it. -- Donald E. Knuth