CSS enthüllt, Bilder schneiden

Das Buch spricht über einen Schlüsselpunkt, die visuelle Täuschung: Der Mittelpunkt des Sehens liegt ein wenig darüber (sagen Sie mir im Stillen, verwenden Sie keine Pixel, graben Sie sich kein Loch...)

.center-display .object{
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  top: 0;
  bottom: 0.8em;
  left: 0;
  right: 0;
  margin: auto auto;
  border-radius: 50%;
  background-color: red;
text-indent: -300em;
}
.center-display:nth-child(2) .object{
  bottom: 0;
}

Die Codes sind zentriert und leicht darüber. Können Sie erkennen, welcher sich wirklich in der Mitte befindet?

Beschäftige dich mit dem Leben oder beschäftige dich mit dem Sterben.