I would like some help with a basic image and text problem, Aligning text with images Options

[Ziggletooth]

Right now I have this

<div class="img-and-text">
<img src="imgone.png" alt="sometext" />
<p>Some text</p>
<img src="imgtwo.png" alt="moretext">
<p>Some more text</p>
</div>

This produces image one with it's text under it, then under that there is image two with it's text underneath it.

I would like my images to be side by side with it's respective text underneath each of them.

In addition to this I would also like this placement to be static and stay this way even if I change the size of the browser.So if I reduce the width of the browser it cuts it off and doesn't reform it to one on top of the other.

Can someone help me with this please?