{"draftJsState":{"blocks":[{"data":{"image":{"id":"6023fb799eeef76a699d2634"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"29f95"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"f229g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"e9gcm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":4,"style":"BOLD"}],"text":"Тег .","type":"header-two","key":"bls7u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Самый простой способ.","type":"unstyled","key":"3o1kn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этот способ выручит когда внутри DIV много разных элементов. Если не выравнивается рекламный блок AdSense. Как выровнять блок AdSense? Делайте так:","type":"unstyled","key":"co6ko"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":43,"offset":0,"style":"BOLD"}],"text":"Ваш элемент (группа тегов)","type":"unstyled","key":"59dj2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":4,"style":"BOLD"}],"text":"Тег эффективный, но устаревший тег. ","type":"unstyled","key":"75d3j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Рассмотрим CSS.","type":"header-two","key":"eend3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Примените к внутреннему элементу свойство: margin: 0 auto;","type":"unstyled","key":"9ocg7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"и обязательно свойство: width: 500px.","type":"unstyled","key":"8n4bp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Должно быть так:","type":"unstyled","key":"8ho3a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":67,"offset":0,"style":"BOLD"}],"text":"

элементы

","type":"unstyled","key":"6kuvt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это актуально и для тега

.","type":"unstyled","key":"a73ua"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если у вас элемент не блочный, а строчный (INPUT, H1, H2, SPAN, BUTTON), то его можно выровнять только по горизонтали:","type":"unstyled","key":"2aed0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":60,"offset":0,"style":"BOLD"}],"text":"

элементы

","type":"unstyled","key":"eofaf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"Технология FlexBox.","type":"header-two","key":"ajh6u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":49,"style":"BOLD"}],"text":"Самый современный способ выравнивания элементов: CSS FLEX.","type":"unstyled","key":"1r59r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":74,"offset":0,"style":"BOLD"}],"text":"

","type":"unstyled","key":"68al3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"

элементы

","type":"unstyled","key":"169gh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"

элементы

","type":"unstyled","key":"a2sbl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"

элементы

","type":"unstyled","key":"evue3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"

","type":"unstyled","key":"658a7"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":69,"offset":156}],"inlineStyleRanges":[{"length":8,"offset":12,"style":"BOLD"}],"text":"Этот метод (CSS FLEX) несколько труден для понимания. Плохо запоминаются его свойства. Но есть отличная подсказка, которой я постоянно пользуюсь. Вот здесь http://profi.spage.me/css/see-how-flexbox-works-in-css-on-gif-images/, есть GIF картинки которые наглядно показывают то или иное свойство технологии FlexBox.","type":"unstyled","key":"6ip7p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"le43USFqp0u6CEh664nx"}],"entityMap":{"0":{"data":{"href":"https://sba.yandex.net/redirect?url=http%3A//profi.spage.me/css/see-how-flexbox-works-in-css-on-gif-images/&client=znatoki&sign=e7184d205dfdad6f29e23f52226586a5","url":"https://sba.yandex.net/redirect?url=http%3A//profi.spage.me/css/see-how-flexbox-works-in-css-on-gif-images/&client=znatoki&sign=e7184d205dfdad6f29e23f52226586a5"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}