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