---
id: 5f475bb508746c16c9431d42
title: Step 89
challengeType: 0
dashedName: step-89
---
# --description--
L'immagine che hai aggiunto non è centrata orizzontalmente come l'intestazione `Coffee` sopra di essa. Gli elementi `img` sono come degli elementi inline.
Per far sì che l'immagine si comporti come gli elementi di intestazione (che sono a livello di blocco), crea un selettore di tipo `img` e usa il valore `block` per la proprietà `display` e i valori appropriati di `margin-left` e `margin-right` per centrarla orizzontalmente.
# --hints--
Dovresti usare un selettore `img`.
```js
const hasImg = new __helpers.CSSHelp(document).getStyle('img');
assert(hasImg);
```
Dovresti assegnare alla proprietà `display` il valore `block`.
```js
const hasDisplay = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style.display === 'block');
assert(hasDisplay);
```
Dovresti assegnare alla proprietà `margin-left` il valore `auto`.
```js
const marginLeftFilter = new __helpers.CSSHelp(document).getCSSRules().filter(x => x.style['margin-left'] === 'auto');
assert(marginLeftFilter.length === 2);
```
Dovresti assegnare alla proprietà `margin-right` il valore `auto`.
```js
const marginRightFilter = new __helpers.CSSHelp(document).getCSSRules().filter(x => x.style['margin-right'] === 'auto');
assert(marginRightFilter.length === 2);
```
L'elemento `img` dovrebbe avere una proprietà `display` con il valore `block`.
```js
const imgDisplay = new __helpers.CSSHelp(document).getStyle('img')?.getPropertyValue('display');
assert(imgDisplay === 'block');
```
L'elemento `img` dovrebbe avere delle proprietà `margin-left` e `margin-right` con il valore `auto`.
```js
const imgMarginLeft = new __helpers.CSSHelp(document).getStyle('img')?.getPropertyValue('margin-left');
assert(imgMarginLeft === 'auto');
const imgMarginRight = new __helpers.CSSHelp(document).getStyle('img')?.getPropertyValue('margin-right');
assert(imgMarginRight === 'auto');
```
# --seed--
## --seed-contents--
```html
Cafe Menu
