Question

a very confusing thing I’m facing here.

Css

ul {
    list-style: none;
    padding: 1em 0;
    margin: 0;
}
li {
    padding: 1em;
    display: inline;
}
li a {
    text-decoration: none;
}
.normalized-list{
    list-style-type: disc;
    list-style-image: none;
    list-style-position: inside;
    padding: 1em 1em;

}
.normalized-list li{
    display: block;
    padding: 0.5em;
}

HTML

<ul class="normalized-list">
<li>...</li>
</ul>

Sadly no bullets are shown up on the li elements. Actually I don’t know why.

Answer 1

display: list-item;

not block.