css - 背景付きのアンカーCSS-新しい行に押しつぶされたリンクテキスト

Question

特定のクラスのアンカータグで次のCSSを使用しています。長いリンクテキストが新しい行に強制されることを除いて、正常に機能します。これは幅と関係があると思います...

a.interactive {
background:url(../images/icons/icon_interactive.png) left center no-repeat;
padding-left:30px;
height:25px;
width:25px;
display:inline-block;    
text-decoration: none;
vertical-align:text-center;
}

Answer 1

これを試して

a.interactive {
background:url(../images/icons/icon_interactive.png) left center no-repeat;
height:100%;
width:100%;
display:inline-block;    
text-decoration: none;
vertical-align:text-center;
}

Answer 2

その使用のために幅を最大化する必要があります 100% 幅またはデザインで許可されている最大幅。