<div>
<div class="content wysiwyg-content">
I have the following simple page. Why doesn't my image/logo appear centered?<br />
<br />
thx<br />
<br />
&lt;!DOCTYPE html&gt;<br />
&lt;html lang=&quot;en&quot; xmlns=&quot;<a href="http://www.w3.org/1999/xhtml" rel="ugc">http://www.w3.org/1999/xhtml</a>&quot;&gt;<br />
&lt;head&gt;<br />
&nbsp; &nbsp; &lt;meta charset=&quot;utf-8&quot; /&gt;<br />
&nbsp; &nbsp; &lt;title&gt;My Page&lt;/title&gt;<br />
&nbsp; &nbsp; &lt;style type=”text/css”&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; .imgclass<br />
&nbsp; &nbsp; &nbsp; &nbsp; {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color:black;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align:center;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border: medium ridge #0000FF;<br />
&nbsp; &nbsp; &nbsp; &nbsp; }<br />
&nbsp; &nbsp; &nbsp; &nbsp; .imgclass img<br />
&nbsp; &nbsp; &nbsp; &nbsp; {<br />
&nbsp; &nbsp; &nbsp; &nbsp; margin:auto;<br />
&nbsp; &nbsp; &nbsp; &nbsp; }<br />
&nbsp; &nbsp; &nbsp; &nbsp; img<br />
&nbsp; &nbsp; &nbsp; &nbsp; {<br />
&nbsp; &nbsp; &nbsp; &nbsp; display:block;<br />
&nbsp; &nbsp; &nbsp; &nbsp; }<br />
&lt;/style&gt;<br />
&lt;/head&gt;<br />
&nbsp; &nbsp; &lt;body style=&quot;background-color:bl<wbr />ack&quot;&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;imgclass&quot;&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &lt;img alt=&quot;&quot; src=&quot;LOGO.png&quot;/&gt;<br />
&nbsp; &nbsp; &nbsp;&lt;/div&gt;<br />
&nbsp; &lt;/body&gt;<br />
&nbsp; &nbsp;<br />
&lt;/html&gt;
</div>
</div>


I have the following simple page. Why doesn't my image/logo appear centered?

thx

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>My Page</title>
    <style type=”text/css”>
        .imgclass
        {
            background-color:black;
            text-align:center;
            border: medium ridge #0000FF;
        }
        .imgclass img
        {
        margin:auto;
        }
        img
        {
        display:block;
        }
</style>
</head>
    <body style="background-color:black">
        <div class="imgclass">
        <img alt="" src="LOGO.png"/>
     </div>
  </body>
   
</html>

HTML5 - How to center an image

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.