---
id: 5f3c866d0fc037f7311b4ac8
title: Step 39
challengeType: 0
dashedName: step-39
---
# --description--
That's closer, but the price didn't stay over on the right. This is because `inline-block` elements only take up the width of their content. To spread them out, add a `width` property to the `flavor` and `price` class selectors that have a value of `50%` each.
# --hints--
You should set the `width` property to `50%` in your `.flavor` selector.
```js
const flavorWidth = new __helpers.CSSHelp(document).getStyle('.flavor')?.getPropertyValue('width');
assert(flavorWidth === '50%');
```
You should set the `width` property to `50%` in your `.price` selector.
```js
const priceWidth = new __helpers.CSSHelp(document).getStyle('.price')?.getPropertyValue('width');
assert(priceWidth === '50%');
```
# --seed--
## --seed-contents--
```html
Cafe Menu