Lesson 11. Using CSS to Position Elements on the Page

When web pages display pages, the content normally flows from left to right and top to bottom. You’ve seen that elements can be floated to the right or left, but the basic top-to-bottom paradigm still remains. CSS enables you to position elements anywhere you like on the page, altering the default layout rules of HTML in any way that you choose. You’ve already seen how you can use styling to change the appearance of elements on the page. In this lesson, you’ll learn how to use styles to position them as well.

These days, it’s not uncommon to visit websites that look more like desktop applications than they look like traditional web pages. Such sites are created using CSS positioning, which ...

Get Sams Teach Yourself HTML, CSS & JavaScript Web Publishing in One Hour a Day, Covering HTML5, CSS3, and jQuery, Seventh Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.