title: Create space between float image and text
body: <p>Ι want to have 5px space between the image and its description. </p>
  
  <p><img src="https://i.stack.imgur.com/ynpxU.png" alt="enter image description here"></p>
  
  <p>I tried <code>margin-left</code> or <code>padding-left</code> but it doesn't do what I want to achieve, it creates the space from the begging of the container. Any idea how I can do that?</p>
  
  <pre><code>#portofolio-element-image{
      width: 128px;
      height: 128px;
      margin-bottom: 5px;
      float:left;
  }
  
  #portofolio-element-description{
      color: white;
      text-align:justify;
      margin-left: 5px;
  }
  </code></pre>