A thought experiment: 1+ left/top 50% + transform with x/y -50% 2+ No, it's absolute positioned. Oops, unless you mean with flexbox, then no, it's fine. 3+ (

A thought experiment: 1+ left/top 50% + transform with x/y -50% 2+ No, it's absolute positioned. Oops, unless you mean with flexbox, then no, it's fine. 3+ (first answer, or flexbox centering) Why is this thing 50% wide/high? Seems an odd choice (or a setup to prove a point?) 4+ I use box-sizing: border-box, not a problem, same as #2. 5+ None of them? (does not seem physically possible, probably just crop/hide inside element. Or tell the user they are holding it wrong) After doing this, it appears that list was just to force a point...