html - add border-bottom to nested list items -
i want add bottom border every list item css. here css code:
ul,ol{ li{ list-style-type: none; margin: 0; padding: 0; padding-top: 3px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eeeeee; ul,ol{ margin-left: 2em; li{ border-bottom: 1px solid #eeeeee; } } } }
it gives output this:
screenshot url: http://oi34.tinypic.com/ih1eea.jpg
the css code working fine on top level item. not on sublists. please see screenshot , me, in advance.
give class ul
demo
.demo li { border-bottom: 1px solid #000; }
if want each , every li in website should border-bottom
won't great idea use
ul li { border-bottom: 1px solid #000; }
if want indent nested li
can use text