In the section labeled Pastas on the right side, there is a standard group of <li> elements within a <ul>.
<ul></ul>
<li>item</li>
<li>item</li>
<li>item</li>
<ul></ul>
On the left side under Pizzas, I inserted two <p> tags in each <li>, aiming to achieve a left-float and right-float effect.
<ul></ul>
<li><p>item</p><p>price</p></li>
<li><p>item</p><p>price</p></li>
<li><p>item</p><p>price</p></li>
<ul></ul>
The inclusion of the <p> tags has caused the lines to be too spaced out.
What would be the correct approach to resolve this issue?
Should a new div column specifically for prices be created?
Thank you