html - HTML ボタンの下にパディングを追加するにはどうすればよいですか?

Question

私のレイアウトが

BUTTON
TEXT

BUTTON と TEXT の間にスペースを作ろうとしています。のようなものを試す

.bottom-gap {
    padding-bottom: 150px
}

ボタンの高さを増やすだけのようです

Answer 1

パディングは要素の内側に適用されます。要素の下部にマージンを追加するには、 を使用する必要がありますmargin-bottom: 150px。あなたのボタンは実際のUI<button>要素だと思います。そうでない場合は、インライン ブロックとして表示されていることを確認する必要があります。