4 - layout

### № 1 - колонки

* [1 - floats](https://rawgithub.com/VladimirShestakov/4-layout/master/1/index-1.html)
* [2 - display:table](https://rawgithub.com/VladimirShestakov/4-layout/master/1/index-2.html) можно на обычной таблице.
* [3 - position:absolute](https://rawgithub.com/VladimirShestakov/4-layout/master/1/index-3.html)
* [4 - display:inline-block](https://rawgithub.com/VladimirShestakov/4-layout/master/1/index-4.html)

### № 2 - центрирование
Первые два для горизонтального, остальные для всех направлений и под любой тип размера. Все варианты не вылазят за левую и верхнюю границы viewport'a

* [1 - margin:auto](https://rawgithub.com/VladimirShestakov/4-layout/master/2/index-1.html)
* [2 - inline-block](https://rawgithub.com/VladimirShestakov/4-layout/master/2/index-2.html)
* [3 - table-cell](https://rawgithub.com/VladimirShestakov/4-layout/master/2/index-3.html)
* [4 - line-height:100%](https://rawgithub.com/VladimirShestakov/4-layout/master/2/index-4.html)

### № 3 - футер

[margin-top:-50px](https://rawgithub.com/VladimirShestakov/4-layout/master/3/index-1.html)

### № 4 - двигай...

[float](https://rawgithub.com/VladimirShestakov/4-layout/master/4/index.html)

### № 5 - три кнопки

[table + сдвиги relative кнопок](https://rawgithub.com/VladimirShestakov/4-layout/master/5/index.html)