I have done this fiddle, where I'm trying to solve it with CSS, but it doesn't seem to work out.


The thing I want to do is have the paragraph beeing vertically centered. The parents height depends on the height of the image, which is responsive. I have tried table, table-cell but it is not working out for me.

I guess you could use javascript to estimate the height of the paragraph then put margin-top: - half that amount, the thing is I don't know how to do this.

Would be really grateful for help with this=)