html如何将两个div,如何将两个div放在一起--HTML / CSS

我一直在谷歌搜索这个并找到了很多答案，但是没有一个能在我的情况下工作，因为其中一个div是一个有多个图像的画廊。基本上，我正试图将图像和另一个图库放在彼此相邻的页面中心。

HTML片段：

This weeks Featured Item is Mint Chip Cupcakes!

• 

• 

• 

• 

• 

CSS：

.sides {

display: inline-block;

text-align: center;

max-width: 612px;

}

我也尝试单独使用每个div并使用margin-left，margin-right但没有运气。 max-width为612px，因为这是图库的max-width。我尝试将其设置为1000，它显示了大量的图像。

结果： http://i.imgur.com/se8DwyL.png

一个图像位于另一个图像的顶部，它们位于屏幕的左侧。