Create space between float image and text

Question

Ι want to have 5px space between the image and its description.

I tried margin-left or padding-left 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?

#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

Why not use:

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

Adding a margin to the text will have no effect on the distance between it and the floated image, because the image falls within the text element.