---
id: 5f3c866dd0d0275f01d4d847
title: Step 40
challengeType: 0
dashedName: step-40
---
# --description--
Beh, non ha funzionato. Agire sullo stile degli elementi `p` per renderli `inline-block` e metterli su righe di codice diverse crea uno spazio extra alla destra dell'elemento `p`, facendo passare il secondo alla riga successiva. Un modo per risolvere questo problema è quello di rendere la larghezza di ogni elemento `p` un po' inferiore al `50%`.
Cambia il valore di `width` in `49%` per ogni classe per vedere cosa accade.
# --hints--
Dovresti assegnare alla proprietà `width` il valore `49%` nel selettore `.flavor`.
```js
const flavorWidth = new __helpers.CSSHelp(document).getStyle('.flavor')?.getPropertyValue('width');
assert(flavorWidth === '49%');
```
Dovresti assegnare alla proprietà `width` il valore `49%` nel selettore `.price`.
```js
const priceWidth = new __helpers.CSSHelp(document).getStyle('.price')?.getPropertyValue('width');
assert(priceWidth === '49%');
```
# --seed--
## --seed-contents--
```html
Cafe Menu