html - CSS - Space between border and background color -


i need create white space between border , background color.

example

enter image description here

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

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -