css - Show unordered list's bullet points when display:table -


When I try to wrap the list's list with indent, there is no text below the bullet points of the list. My bullet points disappear.

I have set up CSS of this list in this way:

  ul {display: table; } Li {display: table-row; }   

How do I get my bullet points to show again?

Thank you in advance!

[edit for clarity]

display: table-row By setting you can delete default list bullets, and there is no way to get them back (currently defined and implemented in CSS) (if you want to keep it display: table-row it is not clear why you are using it).

However, you can produce your own markers, you can use the generated content. E.g.

  li: First {content: "\ 2022"; Padding-right: 0.5 AM; }   

notation \ 2022 means the U + 2022 bullet "A" ???? ¢ a ?? Generally this default list does not look similar to bullets, but is similar. You may want to experiment with different fonts (you can set the font of the pseudo element different than the font in the item's subject).

Comments

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

multithreading - PhantomJS-Node in a for Loop -

c++ - MATLAB .m file to .mex file using Matlab Compiler -