Hello.

I'm learning the layout. I threw myself to the horror of a simple template and try to reproduce it only in the web. Faced such a problem, I will not figure out how to do it so that the indents are the same horizontally. To div s go as in the screenshot.

PS Where drawn in red, there should be indents.

2 answers 2

Put all the content in a div with a class for example content . In CSS write:

 .content { margin:0 50px 0 50px;//top right bottom left }

Margin sets the block indents .. You can also use padding - the indent sets inside the block in such a case you need to stretch the content to the whole page. You can set the indentation in% of the norms too ( margin: 0 20% 0 20%; )

  • Thank. Your option is the most understandable. Everything worked out. Really all elementary. - Mr.Siemens

The easiest way to use the framework. Bootstrap 3. It is based on a 12-column grid.

Required blocks: 1.Container 2.String 3.Grid

Read more here: http://bootstrap-3.ru/css.php

Then download Brackets (with less hemorrhoids), install emmet and to help you http://webdesign-master.ru/ but there is a lot of useful video on its channel. Also there is a starting template for layout.