Why does the list style disappear when display: block is added to a list item in a list ( or )?

Question

This seems to valid for display: inline; and display: inline-block; too.

This is what I mean:

ul li {
  display: block;
  /         


        

Answer 1

A way to get the effect would be:

    

        desc
    

CSS:

li {
    list-style-position: inside;
    display: inline-block; /* or block */
}

li a {
    display: list-item;
    padding: 10px 20px;
}