{"id":654,"date":"2023-05-19T14:33:55","date_gmt":"2023-05-19T14:33:55","guid":{"rendered":"https:\/\/itnotes.apjsoftwares.com\/?p=654"},"modified":"2023-05-19T14:33:55","modified_gmt":"2023-05-19T14:33:55","slug":"how-block-elements-can-be-centered-with-css1","status":"publish","type":"post","link":"https:\/\/itnotes.apjsoftwares.in\/index.php\/2023\/05\/19\/how-block-elements-can-be-centered-with-css1\/","title":{"rendered":"\u00a0How block elements can be centered with CSS1?"},"content":{"rendered":"\n<p>Block level elements can be centered by:<\/p>\n\n\n\n<p>The margin-left and margin-right properties can be set to some explicit value:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">BODY {\n\nwidth: 40em;\n\nbackground: fluorescent;\n\n}\n\nP {\n\nwidth: 30em;\n\nmargin-right: auto;\n\nmargin-left: auto\n\n}<\/pre>\n\n\n\n<p>In this case, the left and right margins will be each, five ems wide since they split up the ten ems left over from (40em-30em). It was unnecessary for setting up an explicit width for the BODY element; it was done here for simplicity.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Block level elements can be centered by: The margin-left and margin-right properties can be set&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[22],"tags":[],"_links":{"self":[{"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/posts\/654"}],"collection":[{"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/comments?post=654"}],"version-history":[{"count":1,"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/posts\/654\/revisions"}],"predecessor-version":[{"id":655,"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/posts\/654\/revisions\/655"}],"wp:attachment":[{"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/media?parent=654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/categories?post=654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itnotes.apjsoftwares.in\/index.php\/wp-json\/wp\/v2\/tags?post=654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}