Scale image for mobile view

Question

Could anyone direct me how can my images be scaled automatically so they are resized for mobile view and horizontally in line with each other. Here below piece of html, I do like the look when you visit page from the desktop, they are inline horizontally with each other, but when i switch to mobile view, they appear vertically.

<div style="text-align: center;">
<img src="http://i63.tinypic.com/auxv11.png" style="max-width:210px;height:auto;"/> &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;

<img src="http://i64.tinypic.com/33z39mt.png" style="max-width: 200; height: 200;"/>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;

<img src="http://i66.tinypic.com/x3a0kn.png" style="max-width:150px;height:150px;">
</div>

Answer 1

I think you have to define value of width in percent, not pixel.
style="width: 50℅"
Or using @media-width, in css3.