html - タグが幅を継承しないようにする方法

Answer 1

a要素は幅を継承していません。代わりに、display: blockその幅を使用可能な幅全体に設定しています。spanがその内部のテキスト行を整列させ、a要素がになるように設定を分離する必要がありますinline-block(またはデフォルトで に設定されinlineますが、行の高さに問題があります)。このような：

span.aviso { 
    display: block;
    width: 960px; 
    text-align: center;
}
span.aviso a {
    padding: 20px 35px;
    background: rgb(255, 174, 174);
    background: rgba(255, 174, 174, 0.3);
    border:1px solid #FF1C1C;                 
    border-radius:10px;
    color:#FF0000; 
    opacity:1;
    display: inline-block;
    font-size: 14px;
}

Answer 2

display:inline-block;アンカーセレクターを追加します。

http://jsfiddle.net/fZA8b/