How to center a DIV ✨

To center a div horizontally, you can use the following CSS:

.center {
    margin: 0 auto;
    width: 50%;
    background-color: lightgray;
    padding: 20px;
}

Here's how you can use it:

<div class="center">
    <!-- Your content here -->
    <p>This is a centered div.</p>
</div>