Answers for "center a div both horizontally and vertically"

CSS
9

center div horizontally and vertically

.parent {
  position: relative;
}
.child {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
Posted by: Guest on June-22-2020
9

center align div vertically and horizontally css

.parent{
	display: flex;
    justify-content: center;
  	align-items: center;
}
/* Child elements will be perfectly centered automatically */
Posted by: Guest on September-06-2021
0

how to center horizontally and vertically block div

#html code
<div class="parent">
	<h1 class="child">CSS is cool</h1>
</div>

#css code
.parent{
  display:grid;
  place-items:center;
  
  width:560px; 
  height: 560px;
}
Posted by: Guest on December-05-2020

Code answers related to "center a div both horizontally and vertically"

Browse Popular Code Answers by Language