margin auto center code example
Example 1: center position fixed
.centered {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
Example 2: css center image
.center {
display: block;
margin-left: auto;
margin-right: auto;
}
Example 3: aligner et centrer element css html
<nav class="navigation">
<div>
<ul>
<li class=item_1>FindThePrecious.com</li>
<li class=item_2>Fellows</li>
<li class=item_3>Contact us</li>
</ul>
</div>
</nav>
.navigation{
width: 100%;
height: 1.8em;
}
li {
display: inline;
padding:5px;
}
////////////////////////////////////////////////////
<section>
<div class = "portrait">
<img class="demo_portrait_1"
src="https://via.placeholder.com/150" alt="portrait">
<img class="demo_portrait_1"
src="https://via.placeholder.com/150" alt="portrait_demo">
<img class="demo_portrait_1"
src="https://via.placeholder.com/150" alt="portrait_demo">
</div>
</section>
//////// css///////////
.portrait{
text-align: center;
}
.demo_portrait_1{
padding:10px;
height: 400px;
width: 400px;
}
Example 4: align centre
.headerTwoDiv{
margin:1% auto;
margin-right: auto; margin-left: auto; width: 21%;
padding-top: 11px;
}