Pois bem, isso não funcionou. Estilizar os elementos `p` como `inline-block` e colocá-los em linhas separadas no código cria um espaço extra à direita do primeiro elemento `p`, fazendo com que o segundo se desloque para a linha seguinte. Uma maneira de corrigir isso é fazer com que a largura de cada elemento `p` seja menor que `50%`.
Altere a `width` de cada classe para `49%` e veja o que acontece.
# --hints--
Você deve definir a propriedade `width` para `49%` em seu seletor `.flavor`.
```js
const flavorWidth = new __helpers.CSSHelp(document).getStyle('.flavor')?.getPropertyValue('width');
assert(flavorWidth === '49%');
```
Você deve definir a propriedade `width` para `49%` em seu seletor `.price`.
```js
const priceWidth = new __helpers.CSSHelp(document).getStyle('.price')?.getPropertyValue('width');
