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

26 Jul 2024

      dillo 3.1.1, debian 12.6 "bookworm", amd64

I am trying to create a <nav> "powered by" an <ul>:

<nav class="image-navbar">
 <ul>
  <li><a href="blah">item 1</a></li>
  <li><a href="bluh">item 2</a></li>
 </ul>
</nav>

But I am unable to make the <ul> render horizontally.

Is "display: inline-bloc" supposed to work on dillo 3.1.1?

Here's the CSS I've tried:
nav.image-navbar {
    background-color: lightgray;
    padding-bottom: 10px;
}

nav.image-navbar ul {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

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

Thanks!

- Steinar

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

Steinar Bang