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
Post a Comment