Il est causé par vos ancres ayant un rembourrage supérieur égal à la hauteur que vous voulez que les miettes aient. J'ai supprimé ce rembourrage, a donné l'élément de liste de contenu height:30px;
, a donné les ancres line-height:30px;
Ils restent donc centrés verticalement.
#crumbs ul li {
display: inline-block;
height:30px;
}
#crumbs ul li a { /* The block part of each breadcrumb; the text in each breadcrumb */
display: block;
line-height:30px;
background: #327098;
/*text-align: center; */
padding: 0 10px 0 80px; /* size of each breadcrumb */
position: relative;
margin: 0 5px 0 0;
font-size: 16px;
text-decoration: none;
color: #000000;
}
Éditer
Je ne sais pas ce que vous entendez par eux existant séparément. Je viens de copier le code que vous avez fourni dans un violon et je l'ai exécuté. Et j'ai vu le problème apparent et j'ai fait ce que je pouvais. Voici le problème que j'ai vu. http://jsfiddle.net/zh6bw/