--- id: 5f3c866de7a5b784048f94b1 title: Step 36 challengeType: 0 dashedName: step-36 --- # --description-- Inizia ad assomigliare a quello che desideri, ma ora sarebbe bello se il gusto e il prezzo fossero sulla stessa riga. Gli elementi `p` sono elementi di blocco, quindi occupano l'intera larghezza dell'elemento genitore. Per averli sulla stessa riga, devi agire sullo stile degli elementi `p` e far sì che si comportino come elementi inline. Aggiungi un attributo `class` con il valore `item` al primo elemento `article` sotto l'intestazione `Coffee`. # --hints-- Dovresti applicare la classe `item` all'elemento `article`. ```js assert(code.match(//i)) ``` Dovresti avere un solo elemento di classe `item`. ```js assert($('.item').length === 1); ``` Il nuovo elemento `article` dovrebbe avere la classe `item`. ```js assert($('article')[0].className === 'item'); ``` # --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; } .flavor { text-align: left; } .price { text-align: right; } ```