Cafe Menu step 41

Hi,
I would like to understand how is it when we write both p elements in the same line there is no space after the price?

<p class="flavor">French Vanilla</p>
<p class="price">3.00</p>

and we can write the css as

flavor {
  text-align: left;
  width: 50%;
}

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

instead of having the width in the price and flavor classes at 49%

Any suggestions are appreciated. Thanks.