php - 左边距在文本中不能正常工作

Question

我有一个 php 代码，它从数据库中获取描述并将其显示在图像旁边。

当我放置 margin-left: 5px;根据描述，它工作得很好，但只在第一行，因为当有两行时，只有第一行的 margin-left 有效。

我可以像这样在 html 中解释它:

<div class="gamedes">
<img  class="miniaturas" src="recursos/miniaturas/coster.png">
<div class"gameides>
<a class="gametitle" href="game.php?name='.$row['name'].'">'.$row['name'].'</a>'
<div class="description"><script></script></div><br><br><br><br>'
</div>
</div>

在 CSS 中

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

.description {
    font-size: 15px;
    display: inline;
    border-radius: 3px;
    margin-left: 5px;
    overflow: hidden;
}

.gametitle{
    font-size: 20px;
    font-weight: bold;
    display: table-cell;
    margin-left: 5px;
}

.gamedes {
    width: 50%;
    display: inline-block;
}

那么如何将 margin-left 放在第二行呢？

这是演示:http://jsfiddle.net/Ninjacu/G6tqc/

Answer 1

根据以下评论更新:

fiddle :http://jsfiddle.net/3qvGt/

CSS:

    .miniaturas {
        display: inline;
        border-radius: 10px;
        float: left;
    }
   .indent5px{
       margin-left: 5px;
   }
    .description {
        font-size: 15px;
        display: inline;
        border-radius: 3px;
        overflow: hidden;
    }

    .gametitle{
        font-size: 20px;
        font-weight: bold;
        display: table-cell;
        margin-left: 5px;
    }

    .gamedes {
        width: 50%;
        display: inline-block;
    }

HTML:

<div class="gamedes">
<img  class="miniaturas" src="recursos/miniaturas/coster.png">
<div class"gameides">
<a class="gametitle" href="google.es">Hola</a>
<div class="indent5px">
    <div class="description">sdsdsdsds sdsdssdsd</div><br><br><br><br>'
    </div>
</div>
</div>