Web development with CSS. Block in the center of the block: how to quickly solve the problem?

CSS – . , WEB-, , JavaScript, .

CSS. – , -. Flexbox Grid Layout , , IE 9 . , CSS.

, CSS

, . – margin, . CSS . padding, , «» .

– text-align: center, - (display: inline display: inline-block).

«margin: 0 auto»

margin CSS -, , display: block. margin: 0 auto; CSS style HTML-. :

• 0 – ;
• Auto – , , .

, margin: 0 auto; CSS . : " margin: auto auto, ?" , - , .

, ?

, CSS , . , , « », .

, (display: inline) - (display: inline-block). , , . CSS text-align: center, - . -, . , vertical-align: middle, .

CSS: position: absolute

CSS . position: relative, , position: absolute, «» , CSS .

, 100px 200px, . , 50 % (left: 50 % top: 50 %), – (margin-left: -100px top: -50px). .

left right 50 % «» CSS -. . CSS , . , , transform: translate(-50 %, -50 %), . . , Flexbox, .