--- id: 5f3c866dbf362f99b9a0c6d0 title: Step 38 challengeType: 0 dashedName: step-38 --- # --description-- The `p` elements are nested in an `article` element with the class attribute of `item`. You can style all the `p` elements nested anywhere in elements with a class named `item` like this: ```css .item p { } ``` Using the above selector, add a `display` property with value `inline-block` so the `p` elements behave more like `inline` elements. # --hints-- You should use the `.item p` selector. ```js const hasItemP = new __helpers.CSSHelp(document).getStyle('.item p'); assert(hasItemP); ``` You should set the `display` property to `inline-block`. ```js const hasDisplay = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style.display === 'inline-block'); assert(hasDisplay); ``` Your `.item p` selector should set the `display` property to `inline-block`. ```js const itemPDisplay = new __helpers.CSSHelp(document).getStyle('.item p')?.getPropertyValue('display'); assert(itemPDisplay === 'inline-block'); ``` # --seed-- ## --seed-contents-- ```html Cafe Menu ``` ```css body { background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); } h1, h2, p { text-align: center; } .menu { width: 80%; background-color: burlywood; margin-left: auto; margin-right: auto; } --fcc-editable-region-- --fcc-editable-region-- .flavor { text-align: left; } .price { text-align: right; } ```