CSS allows for many different ways to arrange elements on a page. This chapter will show how to float elements allowing other elements to wrap themselves around and how to absolutely position an element on the page at exactly the location you want it.

Learning Outcomes for this Chapter

Upon completion of the reading of this chapter and assignments found at the end, a student should be able to:

  • float elements to the right or left margin,
  • use the clear style to postpone display of an element until the current floats complete,
  • use absolute positioning to place an element at an exact location on the page,
  • explain the z order of elements of a page and use it to create layered element,
  • add a background image to a page or a specific element,
  • use various options to cause a background image to tile, stretch, and scroll.