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

An updated solution is to make use of :before and content.

See this JSfiddle for a working example. http://jsfiddle.net/t72h3/

ul li {
  display: inline-block;
}

ul li:before {
  content: "• ";
}


  
list item1
  
list item3
  
list item3