---
id: 5f475bb508746c16c9431d42
title: Part 90
challengeType: 0
dashedName: part-90
---
# --description--
The image you added is not centered horizontally like the `Coffee` heading above it. `img` elements are "like" inline elements.
To make the image behave like heading elements (which are block-level), create an `img` type selector and use the value `block` for the `display` property and use the applicable `margin-left` and `margin-right` values to center it horizontally.
# --hints--
You should use an `img` selector.
```js
const hasImg = new __helpers.CSSHelp(document).getStyle('img');
assert(hasImg);
```
You should set the `display` property to `block`.
```js
const hasDisplay = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style.display === 'block');
assert(hasDisplay);
```
You should set the `margin-left` property to `auto`.
```js
const marginLeftFilter = new __helpers.CSSHelp(document).getCSSRules().filter(x => x.style['margin-left'] === 'auto');
assert(marginLeftFilter.length === 2);
```
You should set the `margin-right` property to `auto`.
```js
const marginRightFilter = new __helpers.CSSHelp(document).getCSSRules().filter(x => x.style['margin-right'] === 'auto');
assert(marginRightFilter.length === 2);
```
Your `img` element should have a `display` of `block`.
```js
const imgDisplay = new __helpers.CSSHelp(document).getStyle('img')?.getPropertyValue('display');
assert(imgDisplay === 'block');
```
Your `img` element should have a `margin-left` and `margin-right` of `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
Camper Cafe Menu
