--- id: 612e9f1e7e5ccd4fa9ada0be title: Step 17 challengeType: 0 dashedName: step-17 --- # --description-- Give the `.key` a `margin` of `2px` and a `float` property set to `left`. # --hints-- Your `.key` selector should have a `margin` property set to `2px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.key')?.margin === '2px'); ``` Your `.key` selector should have a `float` property set to `left`. ```js assert(new __helpers.CSSHelp(document).getStyle('.key')?.float === 'left'); ``` # --seed-- ## --seed-contents-- ```html Piano
``` ```css html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } #piano { background-color: #00471b; width: 992px; height: 290px; margin: 80px auto; padding: 90px 20px 0 20px; } .keys { background-color: #040404; width: 949px; height: 180px; padding-left: 2px; } --fcc-editable-region-- .key { background-color: #ffffff; position: relative; width: 41px; height: 175px; } --fcc-editable-region-- ```