en.javascript.info/03-more/11-css-for-js/06-css-center/01-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]