Float Demo #4

Here, the image in the floated div has been replaced with a list of links acting as navigation (which is fairly common on the Web). The div is still floated to the left, so this text still appears beside it. A 15-pixel margin has been added to the div to separate it a bit from its surroundings. And while it could have been reduced, the navigation div has been kept 300 pixels wide and given a 15-pixel margin to keep this sample consistent with its predecessors.

Nam nunc. Sed scelerisque ligula vel nisi. Nunc sollicitudin vulputate lorem. Donec neque pede, scelerisque eu, tristique vitae, fermentum vel, dui. Fusce sagittis consequat velit. Aliquam non eros quis magna vehicula elementum. Duis nunc ante, euismod ut, ultricies eu, auctor ut, lectus. Suspendisse leo justo, faucibus at, commodo nec, congue a, mauris. Duis dapibus viverra ante. Nam consectetuer lacinia magna. Donec mi augue, rhoncus quis, semper tincidunt, iaculis id, elit. Donec ornare, neque id semper ultricies, augue massa vehicula quam, sit amet porttitor lectus nulla mattis ante. In auctor. Aenean hendrerit. Integer in pede. Nam ornare aliquam dui.

Sed porttitor lacinia elit. Aliquam eget tortor a felis luctus vehicula. Pellentesque sit amet erat a nisl consequat mollis. Praesent justo tellus, tempus et, egestas eu, gravida nec, neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse fermentum ornare pede. Aliquam convallis bibendum felis. Sed fermentum ultricies turpis. Sed ut turpis. Integer sagittis. Nam et quam. Pellentesque ac magna. Aenean nulla orci, lacinia ut, euismod in, rutrum et, quam.