html - CSS max-height not being applied to image tag -

html - CSS max-height not being applied to image tag -

i have next piece of code:

.goplots { height: auto; width: auto; max-height: 50px; float: left; }

and html code mixted mediawiki image:

<div class="goplots"> [[file:{{pagename}}-cc.png|cellular components]] </div>

the problem image resized when modifying width value. not apply height or max-height. tried without success. going on?

add this

.goplots img { max-height: 100%; }

you need apply max-height contained img well, create shrink in height if necessary while keeping proportions fit in container .goplots.

html css mediawiki