title: How to do zoom on an image while a mouseover when HTML & CSS are in the same editor page
body: <p>I am working on a HTLM editor who combine HTML &amp; CSS in the same page. I want that the users have a zoom when mouseover on a picture in front page</p>
  <pre class="lang-html prettyprint-override"><code>&lt;h4&gt;&lt;img style=&quot;border: 1px solid black; align: right;&quot; title=&quot;&quot; src=&quot;sys_attachment.do?sys_id=00ee33cbdb1b9c507261e03cd396190b&quot; alt=&quot;&quot; width=&quot;204&quot; align=&quot;right&quot; border=&quot;1&quot; hspace=&quot;&quot; vspace=&quot;&quot; /&gt;&lt;/h4&gt;
  &lt;h4&gt;&lt;strong&gt;4. Entrez votre mot de passe.&lt;/strong&gt;&lt;/h4&gt;
  &lt;ul style=&quot;list-style-type: disc; list-style-position: inside;&quot;&gt;
      &lt;li&gt;Puis, cliquez sur &quot;Suivant&quot;.&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I searched for solution but the solution is always when HTML and CSS are separated
  If someone has any advice or solution, please help me !</p>
  <p>Sorry for my english, i am still learning !</p>