{"id":5579,"date":"2024-04-14T11:49:13","date_gmt":"2024-04-14T03:49:13","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=5579"},"modified":"2024-04-15T23:28:38","modified_gmt":"2024-04-15T15:28:38","slug":"automatic-centering","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/automatic-centering\/","title":{"rendered":"Automatic Centering"},"content":{"rendered":"<div class=\"docs_rich-text w-richtext\">Automatic centering is utilized by Apple, Google, Stripe, and other pioneers in design as a method to horizontally place elements in the center. By applying automatic centering to an element with a specified width, you can horizontally position the element within the bounds of its parent.<\/p>\n<p>To pick and implement automatic centering to a container element:<\/p>\n<p>Initially, choose the element on the <strong>Canvas<\/strong><\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b949bfb37b54d441c5e040_5f9af9dc6ae4996d91c68701_1.jpeg\" loading=\"lazy\" title=\"64b949bfb37b54d441c5e040_5f9af9dc6ae4996d91c68701_1\"><\/div>\n<\/figure>\n<p>Then, dive into the <strong>Style panel<\/strong><\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b949beb37b54d441c5e016_5f9af9e7ee41a0183c7e27d0_2.jpeg\" loading=\"lazy\" title=\"64b949beb37b54d441c5e016_5f9af9e7ee41a0183c7e27d0_2\"><\/div>\n<\/figure>\n<p>Lastly, tap the center horizontally icon beside <strong>Spacing<\/strong><\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b949beb37b54d441c5e010_5f9af9ef3b2dc18be2e9a715_3.jpeg\" loading=\"lazy\" title=\"64b949beb37b54d441c5e010_5f9af9ef3b2dc18be2e9a715_3\"><\/div>\n<\/figure>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Learn how to use auto margin to quickly center a container element.","protected":false},"author":2,"featured_media":5181,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[287],"tags":[],"class_list":{"0":"post-5579","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-getting-started","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/5579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=5579"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/5579\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/5243"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=5579"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=5579"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=5579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}