title: Why appear <p> tag around <img> tag?
body: <p>I have this:</p>
  
  <pre><code>&lt;p&gt;
      &lt;img src="media/icons/info_ticket.png"&gt;&lt;/img&gt;
      &lt;h3&gt;Ticket #TKMA&lt;span&gt;&lt;?php echo $_GET['CRy3sjzZOJyXE']; ?&gt;&lt;/span&gt;&lt;/h3&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>And when I apply CSS to change the style of the <code>img</code> it doesn't work! So, I inspected the element and I found this:</p>
  
  <pre><code>&lt;p&gt;
      &lt;img src="media/icons/info_ticket.png"&gt;
  &lt;/p&gt;
  &lt;h3&gt;Ticket #TKMA&lt;span&gt;17&lt;/span&gt;&lt;/h3&gt;
  &lt;p&gt;&lt;/p&gt;
  </code></pre>
  
  <p>I don't understand why this happens.</p>