Positioning
Content, padding, border, margin. This is what you must know to position your content in CSS. Padding is the space between content and border. Border - the space between padding and margin.
Let's say that we created a div layer named container (div id="container") and the stylesheet: #container {padding: 10px; border-left: 1px solid #F1F1F1}. The content in the container will have a padding of 10px in the left, right, top and bottom and a border in the left of 1px, solid and its color: #F1F1F1 - which is grey.
position: absolute; - positions an element at an arbitrary location in the page and position: relative; - positions an element relative to its usual position in the page.
The size of a container can be defined using: {width: 250px; height: 50px;}. Replace 250px and 50px with your own.
overflow: auto; - displays scrollbars if the content overflows the container, overflow: hidden; - clips the element and hide any content which overflows the container, overflow: visible; - displays all content, including any that overflows the container and, finally, overflow: scroll; - always scrolls/displays the scrollbar.