在浮动图像和文本之间创建空间

Question

Ι想要在图像和描述之间留出5px的空间。

我尝试了margin-left或padding-left，但它没有达到我想要达到的目的，它从容器的乞讨中创造了空间。知道我该怎么做吗？

#portofolio-element-image{
    width: 128px;
    height: 128px;
    margin-bottom: 5px;
    float:left;
}

#portofolio-element-description{
    color: white;
    text-align:justify;
    margin-left: 5px;
}

Answer 1

为什么不使用：

#portofolio-element-image{
  margin-right:5px;
}

为文本添加边距对其与浮动图像之间的距离没有影响，因为图像落在 文本元素中。

Answer 2

<div class="col-sm-6">
    <div class="clearfix">
        <img src="people_image/test.jpg" alt="" class="pull-left"  height="150px" width="150px" hspace="20">
        <div style="text-align:left;">
            <p><strong>Name:</strong> TEST Name</p>
            <p><strong>Role:</strong> Tester</p>
            <p><strong>Program Name:</strong> PHP MYSQK </p>
            <p><strong>Time:</strong> 5 to 6 </p>
        </div>
    </div>
</div>