Re: CSS gap between inline elements

DrPanic wrote:

Hello.

I can fix the problem using float:left in the LI elements but I need
to understand why is Mozilla drawing it whith that gap.

Using float:left is the correct solution

On 7 Feb, 13:48, C A Upsdell <cupsd... (AT) upsdell (DOT) invalid> wrote:

Using float:left is the correct solution

It's certainly one solution. Is there any concrete reason to favour
either display:inline or float:left for implementing "inline lists" ?
Does this always apply, or is there any context-based reason to favour
one over the other?

On 2008-02-08, Andy Dingley <dingbat (AT) codesmiths (DOT) com> wrote:

On 7 Feb, 13:48, C A Upsdell <cupsd... (AT) upsdell (DOT) invalid> wrote:

Using float:left is the correct solution

It's certainly one solution. Is there any concrete reason to favour
either display:inline or float:left for implementing "inline lists" ?

If you want to set widths or heights on the items, or guarantee their
adjacency, you need floats really (or inline-blocks of course when
people start supporting them).

On 8 Feb, 19:25, Ben C <spams... (AT) spam (DOT) eggs> wrote:

On 2008-02-08, Andy Dingley <ding... (AT) codesmiths (DOT) com> wrote:

On 7 Feb, 13:48, C A Upsdell <cupsd... (AT) upsdell (DOT) invalid> wrote:

Using float:left is the correct solution

It's certainly one solution. Is there any concrete reason to favour
either display:inline or float:left for implementing "inline lists" ?

If you want to set widths or heights on the items, or guarantee their
adjacency, you need floats really

Widths is a good point. Generally though I don't care - set a bit of
margin & padding, let the text content take care of the rest. For most
situations with a non-block list, I care about spacing between words,
but not the overall item widths.

(or inline-blocks of course when people start supporting them).

I'd deliberately ignored inline-block. Tired of waiting for support 8-
(

On 2008-02-09, Andy Dingley <dingbat (AT) codesmiths (DOT) com> wrote:

On 8 Feb, 19:25, Ben C <spams... (AT) spam (DOT) eggs> wrote:
On 2008-02-08, Andy Dingley <ding... (AT) codesmiths (DOT) com> wrote:

On 7 Feb, 13:48, C A Upsdell <cupsd... (AT) upsdell (DOT) invalid> wrote:

Using float:left is the correct solution

It's certainly one solution. Is there any concrete reason to favour
either display:inline or float:left for implementing "inline lists" ?

If you want to set widths or heights on the items, or guarantee their
adjacency, you need floats really

Widths is a good point. Generally though I don't care - set a bit of
margin & padding, let the text content take care of the rest. For most
situations with a non-block list, I care about spacing between words,
but not the overall item widths.

(or inline-blocks of course when people start supporting them).

I'd deliberately ignored inline-block. Tired of waiting for support 8-
(

The sad thing is it would solve a lot of problems. Centered
shrink-to-fit block and image galleries with captions where the images
are all different shapes and sizes can both be done easily with
inline-block.

It can even be used for vertical centering of auto-height blocks.