---
id: 5f3ef6e0eaa7da26e3d34d78
title: Step 53
challengeType: 0
dashedName: step-53
---
# --description--
Puoi dare al menu uno spazio tra il contenuto e i lati usando varie proprietà `padding`.
Assegna lo stesso valore di `20px` alle proprietà `padding-left` e `padding-right` della classe `menu`.
# --hints--
Dovresti assegnare alla proprietà `padding-left` il valore `20px`.
```js
const hasPaddingLeft = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['padding-left'] === '20px');
assert(hasPaddingLeft);
```
Dovresti assegnare alla proprietà `padding-right` il valore `20px`.
```js
const hasPaddingRight = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['padding-right'] === '20px');
assert(hasPaddingRight);
```
L'elemento `.menu` dovrebbe avere un `padding-left` con il valore `20px`.
```js
const menuPaddingLeft = new __helpers.CSSHelp(document).getStyle('.menu')?.getPropertyValue('padding-left');
assert(menuPaddingLeft === '20px');
```
L'elemento `.menu` dovrebbe avere un `padding-right` con il valore `20px`.
```js
const menuPaddingRight = new __helpers.CSSHelp(document).getStyle('.menu')?.getPropertyValue('padding-right');
assert(menuPaddingRight === '20px');
```
# --seed--
## --seed-contents--
```html
Cafe Menu