Answers for "how to bring div to center of page"

CSS
3

css center div in page

.center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
Posted by: Guest on July-02-2021
7

center div in middle of page

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
Posted by: Guest on March-01-2020
-1

how to put container in center of page

#container
{
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}
Posted by: Guest on November-09-2020
0

how to put container in center of page

div.InSkinAlignCenter {
margin: 0 auto;
}
Posted by: Guest on November-09-2020
-1

how to align a component in the middle of page

div {
	width: 100px;
	height: 100px;
	background-color: red;
	
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
  	
	margin: auto;
}
Posted by: Guest on May-06-2020

Code answers related to "how to bring div to center of page"

Browse Popular Code Answers by Language