What is the correct way to center a <div> element in HTML using CSS?

To center a <div> element in HTML using CSS, you can set the left and right margins to "auto" and specify a width for the <div> element. This will automatically center the element within its parent container. ```html <style> .centered { width: 50%; margin: 0 auto; } </style> <div class="centered"> This div is centered </div> ```