html - 将一个 div 放在另一个 div 旁边

Question

我有这个代码:http://jsfiddle.net/Ninjacu/t9r9S/4/

就是这个

<div class="gamedes">
    <img class="miniaturas"src="http://thumbs.mochiads.com/c/g/coaster-racer-3/_thumb_200x200.png">
        <a class="gamede" src="google.es">Hola</a>
        <div class="description">Description about 120 caracters</div><br><br><br><br>
        </div>

        <div class="gamedes">
    <img class="miniaturas"src="http://thumbs.mochiads.com/c/g/coaster-racer-3/_thumb_200x200.png">
        <a class="gamede" src="google.es">Hola</a>
        <div class="description">Description about 120 caracters</div><br><br><br><br>
        </div>

我想将第二张图片、标题和文本放在第一张旁边，就像在两列中一样。

我不明白为什么我做不到，因为我尝试了所有我知道的方法，但都不管用。

有什么解决办法吗？

Answer 1

您可以使用display: inline-block;

Fiddle

.gamedes{
    display: inline-block;
}

另外，我对你的html

做了一些修改