Basic CSS problem

HTML Code

French Vanilla

3.00

CSS Code

.item p {
display: inline-block;
}

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

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

Question
“You could keep trying various percentages for the widths. Instead, simply move the price p element to be on the same line and make sure there is no space between them.”

How to solve this problem ?
Please HelpChallenge title.

Welocome to the forum!

To make code look this

some code

you can
edit your post
press ctrl-e
you’ll see where to put your code there

Also, consider to share link to the challenge step

Hey admit8490, thank you so much for your nice words and suggestion.

We don’t give direct solutions here.
If you need help, try to provide specific question about the task, about the code you need to write.

I actually confused about the question. “simply move the price p element to be on the same line and make sure there is no space between them.” In this statement what does it mean by “Make sure there is no space between them” ?

No single space between two elements here

<element1></element1><element2></element2>
1 Like

Got it, thanks a lot.