Left Aligned #Content

Here is some text inside the #Content division

Click View > Source or Page Source in your browser to see the CSS and HTML used to construct this page .

---

This text is inside the #Content division but it appears between the two floated boxes. If you examine the Html code, you'll see the order in which it occurs is right after the .RightBox </div>. As more text is added, you'll notice the content begins to wrap around the floated boxes on either side.

Lorem ipsum dolor sit amet, eodem eleifend ad consuetudium humanitatis formas. Adipiscing est nulla in nihil nibh id. Claram processus hendrerit eorum ii investigationes delenit ut mazim. Amet iusto cum ex veniam me, anteposuerit commodo et at. Facit sollemnes saepius non lectores litterarum. Insitam eu quod te volutpat tincidunt eua nobis lius per. Iriure molestie dynamicus, erat decima. Videntur consequat legunt te odio assum iusto me est. Non, per elit, nunc suscipit fiant enim at. Euismod consuetudium videntur ad hendrerit eodem adipiscing laoreet cum claritas, etiam.

Lorem ipsum dolor sit amet, eodem eleifend ad consuetudium humanitatis formas. Adipiscing est nulla in nihil nibh id. Claram processus hendrerit eorum ii investigationes delenit ut mazim. Amet iusto cum ex veniam me, anteposuerit commodo et at. Facit sollemnes saepius non lectores litterarum. Insitam eu quod te volutpat tincidunt eua nobis lius per. Iriure molestie dynamicus, erat decima. Videntur consequat legunt te odio assum iusto me est. Non, per elit, nunc suscipit fiant enim at. Euismod consuetudium videntur ad hendrerit eodem adipiscing laoreet cum claritas, etiam.

both floats cleared with an <hr> tag below

---

Related Links:

• CSS2 - Centered fixed-width page with floats
• CSS2 - Centered liquid-width page with floats
• 2 Column, Fixed-Width Centered
• Right Column, Fixed-Width Centered
• User Adjustable Page
• Vertical Centered
• CSS2 Captions on floated images
• CSS2 Sticky-Text-Demo
• W3 Schools on-line tutorials

End of #Content