Голубая коробка 'horizon' расположена абсолютно 50% от верхнего края страницы, имеет ширину 100% и высоту 1px. Overflow имеет значение 'visible'.
Этот текст находится
ТОЧНО ПОСЕРЕДИНЕ
и никуда не денется!
Красная коробка 'content' вставлена внутрь коробки 'horizon' и имеет ширину 300px, высоту 70px и расположена абсолютно 50% от левого края страницы, но имеет отрицательное значение кромки - ровно половина ее ширины, -150px. Чтобы отцентровать коробку по вертикали нужно задать отрицательное значение - ровно половина высоты, -35px.