CSS style to center align div_html/css_WEB-ITnose

Code
<style type="text/css">
.align-center{
margin:0 auto; /* Centering This is required,, Other attributes are optional */
width:500px; /* Give a width and push it to both sides of the browser so that the centering effect cannot be seen */
background:red; /* Background color */
text-align:center; /* Text and other content are centered */
}
</style>

<div class="align-center"> Centered div effect</div>

Use margin-left:auto;margin-right:auto; to center align your div.
.style{margin-left:auto;margin-right:auto;}
The abbreviated form is:
.style{margin:0 auto;}
The number 0 means that the top and bottom margins are 0. Can be set to different values ​​as needed.