--- id: 615f5fd85d0062761f288364 title: Step 36 challengeType: 0 dashedName: step-36 --- # --description-- La tipografia è spesso più arte che scienza. Potrebbe essere necessario modificare cose come l'allineamento fino a quando non sembra corretto. Assegna al selettore `.calories-info span` selector una proprietà `margin-top` con il valore `-7px`. In questo modo, sposterai il testo `230` nella posizione giusta. # --hints-- Il selettore `.calories-info span` dovrebbe avere una proprietà `margin-top` con il valore `-7px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info span')?.marginTop === '-7px'); ``` # --seed-- ## --seed-contents-- ```html Nutrition Label

Nutrition Facts

8 servings per container

Serving size 2/3 cup (55g)

Amount per serving

Calories 230

``` ```css * { box-sizing: border-box; } html { font-size: 16px; } body { font-family: 'Open Sans', sans-serif; } .label { border: 2px solid black; width: 270px; margin: 20px auto; padding: 0 7px; } header h1 { text-align: center; margin: -4px 0; letter-spacing: 0.15px } p { margin: 0; } .divider { border-bottom: 1px solid #888989; margin: 2px 0; } .bold { font-weight: 800; } .right { float: right; } .lg { height: 10px; } .lg, .md { background-color: black; border: 0; } .sm-text { font-size: 0.85rem; } .calories-info h1 { margin: -5px -2px; overflow: hidden; } --fcc-editable-region-- .calories-info span { font-size: 1.2em; } --fcc-editable-region-- ```