title: how to center both img and text inside the same div
body: <p>I want to align centered an image and a short text, relative to viewport.
  I would like to have the image followed by the text in the same line when it is space enough, like landscape view.
  And when isn't enough space for both in the same line, I would like the text to slide under the image, and both to be still centered!
  Any ideas will be welcomed.</p>