Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> div { width: 300px; margin: auto; background-color: red; } </style> </head> <body> <h2>The auto value</h2> <p> Setting the “auto” value of the margin property you can horizontally center the element inside its container. As a result, the element will take up the defined width and the space that remains, will be divided between the right and left margins. </p> <div> The auto value horizontally centered this div. </div> </body> </html>