私は1枚の画像の余白を上にして、それで2枚目の画像がそれと一緒に動くのはなぜですか？

Question

1枚の画像の余白を上にすると、2枚目の画像が同じ画像で動くのはなぜですか？

<img src="bgdesert.jpg" style="margin-top: 18px;"> 
<img src="bgdesert.jpg" > 

Answer 1

あなたはdiv要素内の任意のimgを配置し、フロートを与えることができます：最初の1

<div> 
<img src="src="bgdesert.jpg"" style="margin-top: 18px; float: left"> 
</div> 
<div> 
<img src="bgdesert.jpg" > 
</div> 

Answer 2

放置これは垂直alignementに起因して、あなたはこの影響を避けるために、topにそれを変更することがあり：

img { 
 
vertical-align:top; 
 
}

<img src="https://lorempixel.com/200/200/" style="margin-top: 18px;"> 
 
<img src="https://lorempixel.com/200/200/" >