Text-indent after image

I am trying to indent text wrapped in a <span> tag.
The first line is moved to the right because of an image and I would like the following lines to start with the same indentation as the first one.

Here is the fiddle, illustrating my problem: https://jsfiddle.net/scoa8npd/

And here is my simple code:

HTML

<img src="https://schwesidesign.com/active.gif" class="cross" /><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>

CSS

.cross { padding-right: 5px; }

span {
  margin-left: 10px;
  text-indent: -10px;
}

Thank you very much for your help!