Re: Is CSS inline-block on <ul> supposed to work

>>>>> Rodrigo Arias <[email protected]>:

>> nav.image-navbar ul li {
>> float: left;

> Replace this with "display: inline-block;" and should work.

Thanks!

Moving "display: inline-block;" from <ul> to <li> worked!

The <li> elements were displayed horizontally in the navbar

I removed "vertical-align: top" since it didn't have any effect that I
could see.

Here is the full CSS for the <nav> (so far):

nav.image-navbar {
    background-color: lightgray;
    padding-bottom: 10px;
}

nav.image-navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav.image-navbar ul li {
    display: inline-block;
}


Thanks again!


- Steinar

_______________________________________________
Dillo-dev mailing list -- dillo-dev-lx9mn2B4QYRWk0Htik3J/[email protected]
To unsubscribe send an email to dillo-dev-leave-lx9mn2B4QYRWk0Htik3J/[email protected]