I'm going to really struggle to put this into words, but I will try. I have a div with some text in it, this text is dynamic so it can be different lengths depending on user input.

Now I want the option to be able to place an image in one of the following positions, depending on the value of a select dropdown, which will place the image either:

```
Above the text
Below the text
Left of text
Right of text

```

I'm wondering if there is an easy way to keep the markup the same, i.e

```
<img src="">
<span>Text</span>

```

But use CSS to vary the position of the image to any one of the above positions. It's important to note that the text width and height is dynamic, so it isn't possible to use exact pixels.

I would rather avoid using javascript if possible.