Html 把一个div放到另一个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>

        <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>

赫拉
关于120个字符的说明




赫拉
关于120个字符的说明

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

我不明白为什么我不能这样做，因为我尝试了所有我知道的方法，但都不起作用

---

有什么解决办法吗？

首先给它们指定宽度，然后像这样将其浮动

.gamedes{
  width:200px;
  float:left;
}

---

你试过让潜水艇浮起来吗

.gamedes {
  float:left
}

试试这个

.miniaturas {
    display: inline-block;
    border-radius: 10px;
}

.description {
    font-size: 15px;
    background-color: #A4A4A4;
    display: inline;
    border-radius: 3px;
    margin-left: 5px;
    width: 10%;
}

.gamede{
    font-size: 20px;
    font-weight: bold;
    margin-left: 5px;
}

.gamedes {
    float:left;
}

---

您可以使用

显示：内联块


此外，我还对您的
html
html进行了一些修改：

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

结果如下：
是否希望整个对象紧靠图像，即，是否希望所有名称和描述的框彼此对齐？使用
float:left
并将
.gamede{}
更改为
。gamedes{}
：（并给它一个宽度）。gamedea中缺少s，请更正键入的缩图“src，将src分开。@va5ja-属性之间没有空格是混乱的，但与答案无关。好的，它工作得很好。这是所有答案中最好的答案，谢谢！我可以在我的html中修改什么？@Ninjacu我把这个文本：Hola放在
description
div中。你是怎么做到的？我真的很感兴趣好了，我现在明白了！谢谢谢谢，但使用内联块时效果更好，因为使用float:left时，它会显示一个标题。但是谢谢！
<div class="gamedes">
    <img class="miniaturas"src="http://thumbs.mochiads.com/c/g/coaster-racer-3/_thumb_200x200.png"><br />
        <a href="#" class="gamedes" src="google.es">Hola</a><br />
  <div class="description">Description about 120 caracters</div>
</div>
<div class="gamedes">
    <img class="miniaturas"src="http://thumbs.mochiads.com/c/g/coaster-racer-3/_thumb_200x200.png"><br />
        <a href="#" class="gamedes" src="google.es">Hola</a><br />
  <div class="description">Description about 120 caracters</div>
</div>

.gamedes{
   float: left;
   margin-left: 10px;
}
.miniaturas {
    border-radius: 10px;
}

.description {
    font-size: 15px;
    background-color: #A4A4A4;
    border-radius: 3px;
    margin-left: 5px;
}