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.

demo

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


Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

c# - Attempting to upload to FTP: System.Net.WebException: System error -

ios - UISlider customization: how to properly add shadow to custom knob image -