Flexible Image Example

by LaNsHoR

HTML

<div id="a">
    <div id="b">
        <img src="http://www.log85.com/usuarios/lanshor/almacen/imagenes/20120629_202415_1024_768.jpg" alt="">
    </div>
</div>

CSS

#a
{
    width:80%;
    border:1px solid red;
}
#b
{
    width:50%;
    border:1px solid blue;
}
img {max-width:100%}
* {text-align:center;margin:auto}