#container
#wrapper div
In this assignment you will display three images. The first image will be centered on the page. The second image will be floated to the left. The last image will be floated to the right. To prevent the floated images from "falling" out of the parent div, you will have to clear floats using a little trick. You will create a div using a class name of "clearfix." The class will clear the floats and it will not be visible to the user. Here's the css code for the div class = "clearfix":
.clearfix
{
clear:both;
}
In addition, notice the lorem ipsum text in this assignment. This lorem ipsum text is aids you in creating your layouts by allowing you to see what your layout looks like with text.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nulla nunc, tincidunt vel dictum commodo, tempus et tellus. Maecenas ut ultrices turpis. Integer pharetra, ipsum id viverra ullamcorper, est nisi cursus ante, vel feugiat arcu odio non neque. Vestibulum erat lacus, euismod eget elementum eu, lobortis id magna. Nullam pellentesque nunc fringilla massa convallis nec tincidunt quam porta. Proin sit amet velit tortor, at porta purus. Sed massa massa, tempor eget molestie non, varius vel metus. Phasellus imperdiet varius mi vitae tincidunt. Duis dictum dolor sit amet urna dignissim facilisis. Ut sem massa, ullamcorper nec commodo id, cursus in odio.
Etiam vitae sagittis justo. Vivamus congue accumsan urna vel lobortis. Nam ullamcorper mi et nulla tincidunt luctus. Maecenas nec risus justo. Aliquam sed ultrices turpis. Maecenas ullamcorper sapien turpis. Morbi varius convallis odio et sodales. Aliquam erat volutpat. Sed facilisis iaculis mattis. Cras semper feugiat vestibulum. Integer nec enim elit. Morbi odio arcu, tempus a ultricies quis, ullamcorper a augue. Donec sagittis fermentum orci, in malesuada felis ullamcorper in. Nam pulvinar semper dolor. Vivamus felis tortor, dapibus vel pretium vel, malesuada id ligula.
Sed commodo, dolor nec posuere fringilla, elit nibh adipiscing purus, a venenatis sem velit ac odio. Donec neque lectus, dignissim vitae bibendum sed, rhoncus a arcu. Nulla facilisis auctor elit, nec auctor leo ultrices in. Suspendisse nisl dolor, fringilla nec porta eu, tincidunt aliquam urna. Aenean ut nisi nunc. Maecenas suscipit auctor faucibus. Morbi facilisis porta sem vel mattis. Sed dictum, velit quis vestibulum egestas, urna nunc cursus mauris, sed scelerisque ligula purus non velit. Cras ultrices tempus eros, iaculis pellentesque mi molestie at.
Etiam vulputate dolor eget ipsum fermentum venenatis. Sed diam magna, sagittis et aliquet eget, accumsan in lectus. Aenean ultrices dignissim sapien, id congue leo pellentesque eget. Morbi nulla sapien, fermentum et dapibus ac, suscipit vitae metus. Vivamus lorem orci, iaculis ornare commodo quis, imperdiet vel metus. Etiam nec lectus nisi, in tempus neque. Pellentesque ut nisl ante. Donec pretium nisi sit amet nulla facilisis auctor pellentesque orci gravida. Mauris sed ante lacus. Nulla condimentum lorem eu lacus vestibulum commodo. Maecenas congue sollicitudin tortor, in tempus mauris vehicula at. Morbi eget ipsum nec massa rutrum lacinia. Nullam a sem purus. Suspendisse ac mauris quis metus vestibulum dapibus quis eget lectus.
Morbi justo velit, fermentum sed euismod quis, congue tempor odio. Curabitur venenatis, eros a ornare placerat, enim sapien hendrerit diam, sed laoreet justo leo quis dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id auctor neque. Donec quis turpis nibh, sed feugiat justo. Cras id aliquam leo. Donec scelerisque posuere vehicula. Ut sed nibh ligula. Ut laoreet lectus quis dolor dapibus malesuada lacinia tellus tristique. In hac habitasse platea dictumst. Sed interdum aliquet nisi, et eleifend dui sagittis in. Ut lectus erat, adipiscing elementum hendrerit id, pellentesque id ligula. Mauris et lectus nulla. Duis ultrices accumsan elit, eu hendrerit risus dapibus eu. Suspendisse eu turpis malesuada est molestie porttitor eget porta turpis. Ut pretium erat ut erat pretium sit amet tincidunt mi accumsan.
In hac habitasse platea dictumst. Fusce et faucibus ligula. Praesent lobortis diam porttitor nunc lobortis vitae imperdiet augue mattis. Pellentesque laoreet, arcu sit amet feugiat rhoncus, enim lectus mattis sapien, sed ornare urna dolor non nulla. Sed gravida aliquam turpis eu porttitor. Vivamus imperdiet elit pretium neque faucibus faucibus volutpat velit feugiat. Fusce metus nunc, placerat at volutpat quis, suscipit quis nunc. Phasellus quis gravida nulla. Maecenas gravida semper nunc, et pretium nunc commodo eget.