Есть макет вида:
<div class="left">
text
</div>
<div class="right">
text
</div>
<div class="center">
<img....>
</div>
CSS:
.left {
float: left;
width: 303px;
padding: 30px 0 0 0;
}
.right {
float: right;
width: 425px;
padding: 30px 0 0 0;
}
.center {
padding: 0 40px;
text-align: center;
max-width: 100%;
}
При уменьшении окна браузера блок с изображением уходит вниз. Каким образом можно уменьшать изображение при уменьшении размеров окна браузера средствами css?
Пробовал стиль изображения
.center img {
max-width: 100%;
height: auto;
}
Не помогает.