/*! For license information please see a6bcb5e5.99bccd76.js.LICENSE.txt */
"use strict";(self.webpackChunkweb_totals=self.webpackChunkweb_totals||[]).push([[2681],{3482:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>i,contentTitle:()=>a,default:()=>g,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var r=n(85893),o=n(11151);const s={title:"Centering in CSS",authors:"hunghg",tags:["html","css","tips"],image:"https://res.cloudinary.com/hunghg255/image/upload/v1683865180/css-center_m1zi5l.png"},a=void 0,l={permalink:"/blog/center-css",editUrl:"https://github.com/hunghg255/web-totals/tree/main/blog/center-css.md",source:"@site/blog/center-css.md",title:"Centering in CSS",description:"1. Content Center",date:"2023-05-12T04:20:35.000Z",formattedDate:"May 12, 2023",tags:[{label:"html",permalink:"/blog/tags/html"},{label:"css",permalink:"/blog/tags/css"},{label:"tips",permalink:"/blog/tags/tips"}],readingTime:.685,hasTruncateMarker:!0,authors:[{name:"Gia Hung",title:"Creator of Web totals",url:"https://github.com/hunghg255",email:"giahung197bg@gmail.com",imageURL:"https://res.cloudinary.com/hunghg255/image/upload/v1654956015/Screen_Shot_2022-06-07_at_11.25.34_bpnymt.png",key:"hunghg"}],frontMatter:{title:"Centering in CSS",authors:"hunghg",tags:["html","css","tips"],image:"https://res.cloudinary.com/hunghg255/image/upload/v1683865180/css-center_m1zi5l.png"},unlisted:!1,prevItem:{title:"Example Callstack And Event loop",permalink:"/blog/event-loop-call-stack-example"},nextItem:{title:"Vscode extensions useful",permalink:"/blog/vscode-extensions-useful"}},i={authorsImageUrls:[void 0]},c=[];function u(e){return(0,r.jsx)(r.Fragment,{})}function g(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(u,{...e})}):u()}},75251:(e,t,n)=>{var r=n(67294),o=Symbol.for("react.element"),s=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,l=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,s={},c=null,u=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,r)&&!i.hasOwnProperty(r)&&(s[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===s[r]&&(s[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:u,props:s,_owner:l.current}}t.Fragment=s,t.jsx=c,t.jsxs=c},85893:(e,t,n)=>{e.exports=n(75251)},11151:(e,t,n)=>{n.d(t,{Z:()=>l,a:()=>a});var r=n(67294);const o={},s=r.createContext(o);function a(e){const t=r.useContext(s);return r.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),r.createElement(s.Provider,{value:t},e.children)}}}]);