css - Issue on adding Top ans Bottom Border to List -


can please take @ this demo , let me know why not able add top , bottom borders list items?

li {     list-style-type:none;     line-height:35px;     border-top: 1px solid #32353e;     border-bottom: 1px solid #1a1c20;     display: block;     padding-top: 15px;     padding-bottom: 15px;     color: #c9d4f6;     font-weight: 300;     text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); } 

thanks

you need add width <li> tag.

i have edited jsfiddle http://jsfiddle.net/j95b8/2/

@import url('http://getbootstrap.com/dist/css/bootstrap.css'); html, body { width: 100%; height: 100%; }  .toc { background-color:#272930; height: 100%; } .tocicon { color:white; } .main { background-color:#272930; height: 100%; } li { list-style-type: none; line-height: 35px; border-top: 1px solid #0640ec; border-bottom: 1px solid #0055ff; display: block; padding-top: 15px; padding-bottom: 15px; color: #c9d4f6; font-weight: 300; width: 30px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); } } 

Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -