centre div
<div class="container">
<div class="child"></div>
</div>
.container {
...
display: flex;
justify-content: center;
align-items: center;
}centre div
<div class="container">
<div class="child"></div>
</div>
.container {
...
display: flex;
justify-content: center;
align-items: center;
}center with css
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}center a div
.container{
margin: 0 auto;
display: flex;
align-items: center;
}css center div
.my-div{
width: 80%;
margin: 10px auto;
/*
margin-left and right right has 'auto' value
meaning that the browser will automatically calculate the remaining space
and give it to the margin.
From the example. 20% remained from 80%
so that our div will have
margin-right: 10%
margin-left: 10%
and it will be centered.
*/
}Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
