--- id: 615f951dff9317a900ef683f title: Step 66 challengeType: 0 dashedName: step-66 --- # --description-- Give the `.note` selector a left and right padding of `8px`, removing the top and bottom padding. Also set the `text-indent` property to `-8px`. With these last changes, your nutrition label is complete! # --hints-- Your `.note` selector should have a `padding` property set to `0 8px`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('.note')?.paddingTop, '0px'); assert.equal(new __helpers.CSSHelp(document).getStyle('.note')?.paddingBottom, '0px'); assert.equal(new __helpers.CSSHelp(document).getStyle('.note')?.paddingLeft, '8px'); assert.equal(new __helpers.CSSHelp(document).getStyle('.note')?.paddingRight, '8px'); ``` Your `.note` selector should have a `text-indent` property set to `-8px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.note')?.textIndent === '-8px'); ``` # --seed-- ## --seed-contents-- ```html Nutrition Label

Nutrition Facts

8 servings per container

Serving size 2/3 cup (55g)

Amount per serving

Calories 230

% Daily Value *

Total Fat 8g 10%

Saturated Fat 1g 5%

Trans Fat 0g

Cholesterol 0mg 0%

Sodium 160mg 7%

Total Carbohydrate 37g 13%

Dietary Fiber 4g

Total Sugars 12g

Includes 10g Added Sugars 20%

Protein 3g

Vitamin D 2mcg 10%

Calcium 260mg 20%

Iron 8mg 45%

Potassium 235mg 6%

* The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.

``` ```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; clear: right; } .bold { font-weight: 800; } .right { float: right; } .lg { height: 10px; } .lg, .md { background-color: black; border: 0; } .md { height: 5px; } .sm-text { font-size: 0.85rem; } .calories-info h1 { margin: -5px -2px; overflow: hidden; } .calories-info span { font-size: 1.2em; margin-top: -7px; } .indent { margin-left: 1em; } .dbl-indent { margin-left: 2em; } .daily-value p:not(.no-divider) { border-bottom: 1px solid #888989; } --fcc-editable-region-- .note { font-size: 0.6rem; margin: 5px 0; } --fcc-editable-region-- ``` ## --solutions-- ```html Nutrition Label

Nutrition Facts

8 servings per container

Serving size 2/3 cup (55g)

Amount per serving

Calories 230

% Daily Value *

Total Fat 8g 10%

Saturated Fat 1g 5%

Trans Fat 0g

Cholesterol 0mg 0%

Sodium 160mg 7%

Total Carbohydrate 37g 13%

Dietary Fiber 4g

Total Sugars 12g

Includes 10g Added Sugars 20%

Protein 3g

Vitamin D 2mcg 10%

Calcium 260mg 20%

Iron 8mg 45%

Potassium 235mg 6%

* The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.

``` ```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; clear: right; } .bold { font-weight: 800; } .right { float: right; } .lg { height: 10px; } .lg, .md { background-color: black; border: 0; } .md { height: 5px; } .sm-text { font-size: 0.85rem; } .calories-info h1 { margin: -5px -2px; overflow: hidden; } .calories-info span { font-size: 1.2em; margin-top: -7px; } .indent { margin-left: 1em; } .dbl-indent { margin-left: 2em; } .daily-value p:not(.no-divider) { border-bottom: 1px solid #888989; } .note { font-size: 0.6rem; margin: 5px 0; padding: 0 8px; text-indent: -8px; } ```