03 — works until a parent has position: relative

This dashed box is the parent. height: 220px. Its position is currently relative.

I'll be centered the moment the parent drops its position: relative. Until then, I'm trapped inside its box. Try the toggle button.