>>>>> 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 -- [email protected]
To unsubscribe send an email to [email protected]

Reply via email to