![晩秋の富士:河口湖より](https://farm4.staticflickr.com/3937/15553579130_4bce391e97_o.jpg)
アメブロでは連続して画像を投稿すると
通常は縦に並びます。
これを横に並べる方法を御案内してみます。
アメブロに複数の画像を横、並列に並べる方法
以前ご案内したこちらの方法を使います。
⇒アメブロで画像を横に並べるには
![](https://farm4.staticflickr.com/3668/13315172213_2e75f734d7_o.gif)
こんな感じで上に大きめの画像を一枚、
その下に小さい画像を横に3枚並べて
みました。
![](https://googledrive.com/host/0B84mQqgu9kPGWmhadHc5Nk1qV1U/0.1.jpg)
![](https://googledrive.com/host/0B84mQqgu9kPGWmhadHc5Nk1qV1U/0.2.jpg)
![](https://googledrive.com/host/0B84mQqgu9kPGWmhadHc5Nk1qV1U/0.3.jpg)
HTMLタグ
![](https://farm4.staticflickr.com/3668/13315172213_2e75f734d7_o.gif)
<div align="center"><img width="600" src="画像URL①"align="top"><img width="180" src="画像URL②"align="top"><img width="180" src="画像URL③"align="top"><img width="180" src="画像URL④"align="top"></div>
*いちばん上に表示させる画像の横幅
を600PX(ピクセル)(*このブログ
の記事幅は600PXです。)にして、
下の3枚の画像の横幅はそれぞれ180PXに
しました。
(*どうしても実際の表示では画像の間に
スペースが入ってしまい200PXにすると
下の右端の画像が一段下がって表示されて
しまいました。)
⇒アメブロで画像を横に並べるには
![](https://farm4.staticflickr.com/3668/13315172213_2e75f734d7_o.gif)
☆ブィブィ ('-^*)/
ねぇ、ちょっと、チョットってばぁ~~!!