Tuesday, January 1, 2008

A note on positioning

Suppose you want to float some text around two images, and you'd like the second section of text to start alongside the second image. I'm not sure if this is entirely right (although it does validate), but putting this line in between the two sections seems to do the job:

<div style="clear:both;"></div>



The text in italic should be aligned as desired, no matter the font or window size changes.

Note that I added a couple line breaks to move the text-image sections farther apart, but omitting them doesn't change anything.

This text should be below everything, courtesy of another <div>.

Update: changed code slightly: images now within the <p> block, and <br>s used for separate paragraphs in specific section.

No comments:

ShareThis