それは、パン粉が持っている高さに等しいトップパディングをアンカーに持っていることによって引き起こされます。私はそのパディングを取り外し、含有リスト要素を与えました height:30px;
, 、アンカーを与えました line-height:30px;
したがって、それらは垂直に中央に配置されたままです。
#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;
}
編集
あなたが彼らが別々に存在することの意味はわかりません。提供したコードをフィドルにコピーして実行しました。そして、私は明らかな問題を見て、私ができることをしました。これが私が見た問題です。 http://jsfiddle.net/zh6bw/