Centring with logical auto

Level 9 of 10

Your goal

Centre the 200 × 80 box horizontally at both stage widths with margin-inline: auto: x = 110 on the 420px stage, x = 250 on the 700px stage.

Must usemargin-inline

Not allowedmargin-leftmargin-right

Checked at 2 stage widths (420px, 700px) — every stage below has to match.

stage 420px

stage 700px

target content boxtarget outer edge (green = matched, red = not yet)

Feedback updates as you type, and your CSS is saved in this browser. Exact target numbers are in the Target panel.