2022-05-02 15:54:57 +00:00
---
id: 615f405b89a7ec5f8e2d11f4
title: Step 17
challengeType: 0
dashedName: step-17
---
# --description--
2022-05-26 16:20:33 +00:00
Crea un selettore per il nuovo `.divider` e imposta la proprietà `border-bottom` su `1px solid #888989` . Assegnagli anche un margine superiore e inferiore di `2px` . Non dovrebbe avere alcun margine di sinistra o di destra.
2022-05-02 15:54:57 +00:00
# --hints--
2022-05-26 16:20:33 +00:00
Dovresti creare un selettore `.divider` .
2022-05-02 15:54:57 +00:00
```js
assert(new __helpers.CSSHelp(document).getStyle('.divider'));
```
2022-05-26 16:20:33 +00:00
Il selettore `.divider` dovrebbe avere una proprietà `border-bottom` con il valore `1px solid #888989` .
2022-05-02 15:54:57 +00:00
```js
assert(new __helpers.CSSHelp(document).getStyle('.divider')?.borderBottom === '1px solid rgb(136, 137, 137)');
```
2022-05-26 16:20:33 +00:00
Il selettore `.divider` dovrebbe avere una proprietà `margin` con il valore `2px 0` .
2022-05-02 15:54:57 +00:00
```js
assert(new __helpers.CSSHelp(document).getStyle('.divider')?.margin === '2px 0px');
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< title > Nutrition Label< / title >
< link href = "https://fonts.googleapis.com/css?family=Open+Sans:400,700,800" rel = "stylesheet" >
< link href = "./styles.css" rel = "stylesheet" >
< / head >
< body >
< div class = "label" >
< h1 > Nutrition Facts< / h1 >
< div class = "divider" > < / div >
< p > 8 servings per container< / p >
< p > Serving size 2/3 cup (55g)< / p >
< / div >
< / body >
< / html >
```
```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;
}
h1 {
font-weight: 800;
text-align: center;
margin: -4px 0;
}
p {
margin: 0;
}
--fcc-editable-region--
--fcc-editable-region--
```
