Use CSS `text-align: center;` on a parent element to center inline content
Use CSS `margin: 0 auto;` on a block element with a set width to center it horizontally
Use CSS Flexbox with `display: flex; justify-content: center;` to center horizontally
Use CSS Flexbox with `display: flex; align-items: center; justify-content: center;` to center horizontally and vertically
Use CSS Grid with `display: grid; place-items: center;` to center horizontally and vertically
Use CSS `position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);` to center an element absolutely
Use the HTML `center` tag only for legacy code, not modern layouts