Design a Cafe Menu - Step 40

HTML-CSS
1

https://www.freecodecamp.org/learn/full-stack-developer/workshop-cafe-menu/step-40`hi. doing the design a cafe menu workshop. up to step 40, and says to move the flavor and the price class on one line. so do i do this in the stylesheet or the html editor. not sure. totally blind and using jaws for windows. will paste my stylesheet and the link below. so where to put this all on one line. not passing.
marvin.
h1,h2, p {
text-align: center;
}

    body {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        background-image: url("https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg");
    }               
                                        
    .menu {
        width: 80%;
                    margin-left: auto;
                    margin-right: auto;]
    }

    .flavor {
        text-align: left;
        width: 49%;
    }
    
            .price {
        text-align: right;
        width: 49%;
    }

    .item p {
        display: inline-block;
    }

`moving p elements in the style sheet### Tell us what’s happening:
hi. totally blind and using a screen reader. so how to then move the two p elements for the stylesheet to be on one line. using jaws for windows. so how do i do that. did try that, but still did not work. so how to get this to work.
marvin.
ps: pasting my

Your code so far

<!-- file: index.html -->

<!-- User Editable Region -->

        h1,h2, p {
            text-align: center;
                    }

        body {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            background-image: url("https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg");
        }               
                                            
        .menu {
            width: 80%;
                        margin-left: auto;
                        margin-right: auto;]
        }

        .flavor {
            text-align: left;
            width: 49%;
        }.price {
            text-align: right;
            width: 49%;
        }

        .item p {
            display: inline-block;
        } 



<!-- User Editable Region -->


/* file: styles.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;
}

.item p {
  display: inline-block;
}

.flavor {
  text-align: left;
  width: 49%;
}

.price {
  text-align: right;
  width: 49%;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Challenge Information:

Design a Cafe Menu - Step 40

2

Hi @BlindVisionMan

You need to modify the HTML so that the two paragraph elements are next to each other.

So that the closing paragraph tag of the first paragraph element will be next to the opening paragraph tag of the second paragraph element. With no spaces between the two elements.

Happy coding