Làm thế nào để phần tử block vào giữa trình duyệt.

<div id="mydiv">Test Div</div>
#mydiv {
position:fixed;
top: 50%;
left: 50%;
width:30em;
height:18em;
margin-top: -9em; /*set to a negative number 1/2 of your height*/
margin-left: -15em; /*set to a negative number 1/2 of your width*/
border: 1px solid #ccc;
background-color: #f3f3f3;
}
Hoặc:
#mydiv {
position:fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /*set to a negative number 1/2 of your height and number 1/2 of your width WHEN with , height auto*/
border: 1px solid #ccc;
background-color: #f3f3f3;
}