aタグをblock要素にすると下線が消える(Opera)
Operaでaタグをblock要素にすると,リンクの下線が消える.InternetExplorer6.0,MozillaFirebird0.6ではこの現象は発生しない.詳細な実行環境は以下の通りである.
Windows2000 Professional 5.00.2195 ServicePack4
Opera 7.11 Build 2887
まず,以下のhtmlとスタイルシートをOperaで表示する.周りを黒い線で囲んだgoogleへのリンクを表示する.

<!-- sam.html -->
<html>
<head>
<link rel="stylesheet" type="text/css" href="sam.css" />
</head>
<body>
<p>
<span><a href="http://www.google.co.jp/">google</a></span>
</p>
</body>
</html>
/* sam.css */
a{
border:1px solid black;
padding:0.5em;
width:5em;
}
次に,htmlはそのままで,cssにdisplay:block;を追加する.すると,googleへのリンクの下線が消える.

/* sam.css */
a{
display:block; /* 追加 */
border:1px solid black;
padding:0.5em;
width:5em;
}
明示的に下線を指定すると元に戻る.
/* sam.css */
a{
display:block;
border:1px solid black;
padding:0.5em;
width:5em;
text-decoration:underline; /* 追加 */
}
