How to put multiple elements in a
element without screwing up the line spacing?

Question

On the right side, (under Pastas), you can see a standard collection of <li>s within a <ul>.

<ul></ul>
  <li>item</li>
  <li>item</li>
  <li>item</li>
<ul></ul>

On the left side (Pizzas), I put two s in each <li>, so I could get the 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>

Obviously the presence of the  tags has spaced the lines too far apart.

So what is the right way to fix this?

Do I have to make a new div column just for the prices?

Thanks

here

How are we supposed to help you without any code? We aren't psychic. — Daedalus, Jan 26 '14 at 07:49
Whatever happens, _please_ don't use Comic Sans. Ever. Anywhere. — ElendilTheTall, Jan 26 '14 at 07:49
@AlienArrays [WHY NOT COMIC SANS](https://www.google.co.in/search?q=why+not+comic+sans&ie=utf-8&oe=utf-8&rls=org.mozilla:en-US:official&client=firefox-a&gws_rd=cr&ei=R7_kUvX5F8OKrQeIxYHwCw) — Mr. Alien, Jan 26 '14 at 07:55
@AlienArrays it is childish, messy, and impossible to take seriously, for starters. — ElendilTheTall, Jan 26 '14 at 07:56
Actually the font isn't even chosen yet. So it can't be comic sans. I think it's a default fallback of "cursive". — dwilbank, Jan 26 '14 at 07:58

score 2 · Accepted Answer · answered Jan 26 '14 at 07:52

2

Use DIV instead - or try something like this:

Classic - Pepperoni, Olives, Onions 11.99

You should also have a look at bootstrap, blueprint or 960gs. Perfect frameworks for non-html/css guys :)

answered Jan 26 '14 at 07:52

Thomas Schwärzl

ah - span would solve it then? Thanks for an intelligent answer! – dwilbank Jan 26 '14 at 07:54
or as mentioned a `div` - here's a similar question: http://stackoverflow.com/questions/2156712/how-to-float-3-divs-side-by-side-using-css – Thomas Schwärzl Jan 26 '14 at 07:56
the difference is I'm trying to cram them into an
, which I thought made it more complicated...

why not just `

Classic....11.99

`? does this work? – Thomas Schwärzl Jan 26 '14 at 08:13

1 Answers1