Jest na to kilka sposobów. Mój ulubiony prezentuję poniżej. Wystarczy użyć poniższego kodu – w tym konkretnym przykładzie wyśrodkowany element ma wymiary 200 na 200 pikseli. Argument margin-left: -100px; odnosi się do wyśrodkowania w poziomie (w połowie szerokości strony), zaś argument margin-top: -100px; umożliwia wyśrodkowanie jakiegoś elementu w pionie (w połowie wysokości strony).
#center {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -100px;
margin-top: -100px;
}
<div id="center">
Element umieszczony pośrodku strony
</div>