ansaurus

Question

Answer 1

A:

Could not get exactly what you want but if you want to make the lists appear vertically, try this:

    .MenuBar li
    {
        display: block;
        padding-left: 20px;
    }

Just change display property to block instead of inline. And this is the default behavior too.

Sarfraz 2010-03-04 16:36:27

Answer 2

+2 A:

Is this what you're after?

    .MenuBar li
    {
        display: inline;
        padding-left: 20px;
        line-height: 21px;
    }

Like Sarfraz, I'm not sure I totally understand the question.

Sniffer 2010-03-04 16:39:44

Answer 3

+2 A:

I presume you are trying to make a horizontal rather than a vertical list, since you are setting the LI elements display type to "inline". So try this:

<style type="text/css">
    .MenuBar
    {
        padding: 0px;
        border: 1px solid #036;
        height: 21px;
        font-size: 8pt;
    }
    .MenuBar li
    {
        display: inline;
        line-height: 21px;
        padding-left: 20px;
    }
</style>

Robusto 2010-03-04 16:39:57

Thanks for everyone's quick answers!

John 2010-03-04 16:57:58

Answer 4

+2 A:

Add line-height:21px to .MenuBar

Emily 2010-03-04 16:41:16

ansaurus

tags:

views:

answers:

CSS vertically align LI's in middle

related questions