[Dillo-dev] Re: Is CSS inline-block on <ul> supposed to work

26 Jul 2024

      ...
...
...
...
...
Rodrigo Arias <rodarima@gmail.com>:
...
...
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] Re: Is CSS inline-block on <ul> supposed to work

Steinar Bang