インライン要素のマージンの問題_html/css_WEB-ITnose

<div style="margin:10px;background:blue">	<span style="margin-top:20px;background:red;">aaaaaaaa</span></div>

45a2772a6b6107b401db3c9b82c049c2 タグはインライン要素とみなされますが、margin-top 属性が機能しないのはなぜですか?マージンが重なる問題は発生しないはずです。

ディスカッションへの返信 (解決策)

margin-top

margin-bottom はインライン要素には無効です。パディングを使用できます

タグに display:block;

margin を追加すると、効果的です
例:

<div style="margin:10px;background:blue">    <span style=" display:block;margin-top:20px;background:red;">aaaaaaaa</span></div>

わかりました、お二人ともありがとうございます!