title: My images will not center
body: <p>So I'm working on a website for my AP Computer Science class using XHTML, and part of the assignment is to create a click-able image that will link to an external website. I've done this before, and the images that I have will link, but they won't align center like I'm telling them to.</p>
  
  <p>Below is the code from the html file.</p>
  
  <pre><code>&lt;p class="display"&gt;
  &lt;a href="http://www.minecraft.net"&gt;&lt;img src="Images/mclogo.png" width="200%" alt="Minecraft logo linked to MC's website" /&gt;&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>And below this is the code that defines the class "display"</p>
  
  <pre><code>p.display {text-align:center;}
  </code></pre>
  
  <p>Could you help to identify my problem. I've asked my compsci teacher, and he said he couldn't see anything wrong.</p>
  
  <p>Thanks,</p>
  
  <p>LordRaiden15</p>