css list inline is not listing items horizontally?

Question

I don\'t know why this is not displayed right, the list is meant to display horizontally? Instead it is displaying vertically!

this is my code:

Answer 1

That's because the h1 element is block-level element by default.

Add:

h1 {display: inline; }

to your css and they work as you want.

On a separate note, it's worth noting that there should be only one h1 per page, all other headings, semantically, are below that heading and are sub-headings, of a sort. Think of it as a book, the book-title would be the h1, the chapters the h2 and so on.

I'd suggest, then, changing your html a little:

    
53
    
67

But that might, possibly, be just me =)

Here's an article to support my point of view:

• Grok Web-Standards