Positioning

With CSS we can position our content and elements as we please. It is just a matter of finding exactly how you want things to move, while keeping in mind how the rest of the page may react to this. For example, moving something to the center may accidently shift something else on the page down.

First lets adjust our margins, by editing our margins we ensure that no other element will get too close to this one

tutorial

Now let's adjust our elements position within the border, by adjusting the padding

tutorial

We can also move our element blocks to our liking using float

tutorial

START OVER