--- id: 60fadd972e6ffe0d6858fa2d title: Step 48 challengeType: 0 dashedName: step-48 --- # --description-- Sarebbe più carino far sì che il testo degli elementi `label` appaia sopra gli elementi form. Seleziona tutti gli elementi `input`, `textarea` e `select` e fai in modo di impostarli alla larghezza massima dei loro elementi genitori. Aggiungi anche una proprietà `margin` di `10px` nella parte superiore degli elementi selezionati. Imposta gli altri margini a `0`. # --hints-- Dovresti usare un selettore di elementi separati da virgola per selezionare gli elementi `input`, `textarea` e `select`. ```js assert.isTrue(['input, textarea, select', 'input, select, textarea', 'select, input, textarea', 'select, textarea, input', 'textarea, input, select', 'textarea, select, input'].some(selector => new __helpers.CSSHelp(document).getStyle(selector))); ``` Dovresti impostare la proprietà `width` al `100%`. ```js const selFunc = (selector) => new __helpers.CSSHelp(document).getStyle(selector); assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'select, input, textarea', 'select, textarea, input', 'textarea, input, select', 'textarea, select, input'].find(selFunc))?.width, '100%'); ``` Dovresti impostare la proprietà `margin-top` a `10px`. ```js const selFunc = (selector) => new __helpers.CSSHelp(document).getStyle(selector); assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'select, input, textarea', 'select, textarea, input', 'textarea, input, select', 'textarea, select, input'].find(selFunc))?.marginTop, '10px'); ``` Dovresti impostare la proprietà `margin-bottom` a `0`. ```js const selFunc = (selector) => new __helpers.CSSHelp(document).getStyle(selector); assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'select, input, textarea', 'select, textarea, input', 'textarea, input, select', 'textarea, select, input'].find(selFunc))?.marginBottom, '0px'); ``` Dovresti impostare la proprietà `margin-left` a `0`. ```js const selFunc = (selector) => new __helpers.CSSHelp(document).getStyle(selector); assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'select, input, textarea', 'select, textarea, input', 'textarea, input, select', 'textarea, select, input'].find(selFunc))?.marginLeft, '0px'); ``` Dovresti impostare la proprietà `margin-right` a `0`. ```js const selFunc = (selector) => new __helpers.CSSHelp(document).getStyle(selector); assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'select, input, textarea', 'select, textarea, input', 'textarea, input, select', 'textarea, select, input'].find(selFunc))?.marginRight, '0px'); ``` # --seed-- ## --seed-contents-- ```html Registration Form

Registration Form

Please fill out this form with the required information

``` ```css body { width: 100%; height: 100vh; margin: 0; background-color: #1b1b32; color: #f5f6f7; font-family: Tahoma; font-size: 16px; } h1, p { margin: 1em auto; text-align: center; } form { width: 60vw; max-width: 500px; min-width: 300px; margin: 0 auto; } fieldset { border: none; padding: 2rem 0; border-bottom: 3px solid #3b3b4f; } fieldset:last-of-type { border-bottom: none; } label { display: block; margin: 0.5rem 0; } --fcc-editable-region-- --fcc-editable-region-- ```