1. You can center a Div Using CSS Flexbox: Flexbox provides a straightforward way to center a div
horizontally and vertically. Simply apply display: flex; and justify-content:
center; to the parent container and align-items: center; to the child div.
2. You can center a Div CSS Grid: CSS Grid layout also offers powerful options for centering elements.
Define the grid container with display: grid; and use place-items: center; or
place-content: center; to center the div.
3. You can center a Div Using Margin Auto: For horizontal centering, set margin: 0 auto; on
the div. This will automatically center the div horizontally within its parent container.