---
id: 5f3c866dd0d0275f01d4d847
title: Step 40
challengeType: 0
dashedName: step-40
---
# --description--
Well that did not work. Styling the `p` elements as `inline-block` and placing them on separate lines in the code creates an extra space to the right of the first `p` element, causing the second one to shift to the next line. One way to fix this is to make each `p` element's width a little less than `50%`.
Change the `width` value to `49%` for each class to see what happens.
# --hints--
You should set the `width` property to `49%` in your `.flavor` selector.
```js
const flavorWidth = new __helpers.CSSHelp(document).getStyle('.flavor')?.getPropertyValue('width');
assert(flavorWidth === '49%');
```
You should set the `width` property to `49%` in your `.price` selector.
```js
const priceWidth = new __helpers.CSSHelp(document).getStyle('.price')?.getPropertyValue('width');
assert(priceWidth === '49%');
```
# --seed--
## --seed-contents--
```html
Cafe Menu