The problem is this: I have the following html:
<div class="page-left-col">
<p>
<img src="/localhost/Department%20Pages/Communications/News/LearnStorm%20Rally.jpg" style="display: block; margin: 20px auto;" width="400">
</p>
</div>
And in css it looks like this:
div.page-left-col img {
width: 100%;
}
I would like to take this width 400 (example) that is in the html and tell my css that this width will be the max-width because I need to leave this width as 100% even so that it suits the size of the windows . I can not leave 400 fixed, because depending on the new post, this image can be set to any other size in the width. What I need to know is if there is a way to say in css that max-width is the width you have in html.