HTMLで2枚並べた画像の上下に余白を作ろう

ネットショップの商品ページを作っていると、たまに画像と画像の上下に余白をつけたい時がありませんか？

＜ｂｒ＞で空けてもいいのですが、けっこうな空白を空けたいときは、＜ｂｒ＞がズラズラ並んでしまうので、これを解消するタグを記述する方法です。

HTMLで画像の上下に余白を作る方法

画像タグにvspace=”50″を付け加えるだけで簡単に、上下に余白ができるようになります。

【例】

変更前

<img src="画像" alt="" width="100" height="100">

変更後

<img src="画像" alt="" width="100" height="100" vspace="50">

vspace=”50″