アンカー タグと display:block; を使用して作成されたボタンがあります。(そのため、ボタン全体がクリック可能になります)
ボタンに(スタイリング目的で)改行を追加したいのですが、display:block; を使用してこれを実現しています。財産。問題は、display:block; ボタンの一部がブロックされていることです。プロパティが割り当てられ、クリックできなくなります。
これが私のコードです:
HTML
<a href="#">
<span class="top">Connected To</span>
<span class="bottom">Relationships</span>
</a>
CSS
a{
display:block;
padding:5px 20px;
}
.top{
display:block;
font-size:15px;
}
.bottom{
font-size:25px;
font-weight:bold;
}
何か案は?