en.javascript.info/3-more/11-css-for-js/6-css-center/1-center-ball-css/solution.md

Сместим мяч в центр при помощи left/top=50%, а затем приподымем его указанием margin:

#ball {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
}

[edit src="solution"]Полный код решения[/edit]