title: How to enlarge an image on hover or click?
body: <p>I'm trying to make a stack of images using HTML and CSS, that if I hover or click on any of them, it will be enlarged in the same page. This is what I've been able to do:</p>
  
  <pre><code>&lt;img src ="mark1.jpg" height="150" width="300" /&gt; 
  &lt;img src ="mark2.jpg" height="150" width="300" /&gt; 
  &lt;img src ="mark3.jpg" height="150" width="300" /&gt; 
  &lt;img src ="mark4.jpg" height="150" width="300" /&gt; 
  &lt;img src ="watson1.jpg" height="150" width="300" /&gt; 
  &lt;img src ="watson2.jpg" height="150" width="300" /&gt; 
  &lt;img src ="watson3.jpg" height="150" width="300" /&gt; 
  &lt;img src ="watson4.jpg" height="150" width="300" /&gt; 
  &lt;img src ="watson5.jpg" height="150" width="300" /&gt; 
  &lt;img src ="morgan1.jpg" height="150" width="300" /&gt; 
  &lt;img src ="nyong1.jpg" height="150" width="300" /&gt; 
  &lt;img src ="lion1.jpg" height="150" width="300" /&gt;
  </code></pre>