I need to center my container with images on both sides

So I want this container to center and both images on either side. I can get this done with floating but when the browser is re-sized everything floats down, how can I change this so when the browser is re-sized or in a different view, everything stays in center?

Here is what I got so far.

 

Got it figured out

 

How did you figure it out without tables?

 

Give the image in separate <div>. Then write the code for image in CSS.

For example,

.divname img
{
margin:10px 10px 10px 10px; // (top,right,bottom,left)
}

adjust the size.

 

.container {
margin: 0 auto;
}

should work in this case