html - CSS - Space between border and background color -
i need create white space between border , background color.
example
okay so, | = border, # = background color
above example drawn |#####| , need | ##### |
how go doing that?
code have example in picture (below)
css
.nav-justified > .active > a, .nav-justified > .active > a:hover, .nav-justified > active > a:focus { background-color: #f0f0f0; background-image: none; color: #8f1b1f; left: 0; width: 100%; margin-top: -17px; padding-bottom: 20px; padding-top: 20px; padding-right: 20px; padding-left: 20px; } .nav-justified > li > { border-left: 1px solid #d5d5d5; line-height: 2px; }
html
<ul class="nav nav-justified" id="tablebuttons"> <li class='active'><a href="#">text here</a></li> </ul>
update: your scenario jsfiddle example.
you use margin show white background through. jsfiddle example here.
html:
<div class="outer"><div class="inner">name , address details</div></div>
css
.outer { display: inline-block; border-left: 1px solid #d5d5d5; } .outer .inner { padding: 5px 10px; background: #ddd; margin-left: 1px; }
in example li outer , a inner.
Comments
Post a Comment