Jakie wyśrodkowanie diva?

Wyśrodkuje mi ktoś logo? 

<!--[if IE 8]> <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Tytuł</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="css/style1.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <script type="text/javascript" src="js/modernizr.custom.86080.js"></script>

    </head>
    

    <div id="wszystko">
    <div class="container">
    <div class="tilt"><div id="status" class="pop">TEST TEST</div></div>
    <img src="images/logo.png"/>

    <font style="font-size: 18px;">
                      Informacja
    </font>
    <br>
    <br>
        
<font color="white" size="2">Pobierz teraz !</font>
<div class="zmiana">
    <img src="images/dl1.png" class="img1" style="position: absolute;">
    <a href="http://adf.ly/b1XQ9"><img src="images/dl2.png" class="img2"></a>
    
</div>

    
    <a href=""><img src="images/button.png"/></a>
    
    </div>
    </div>
    </div>

    <body id="page">
        <ul class="cb-slideshow">
            <li><span>Image 01</span><div><h3>re&#183;lax&#183;a&#183;tion</h3></div></li>
            <li><span>Image 02</span><div><h3>qui&#183;e&#183;tude</h3></div></li>
            <li><span>Image 03</span><div><h3>bal&#183;ance</h3></div></li>
            <li><span>Image 04</span><div><h3>e&#183;qua&#183;nim&#183;i&#183;ty</h3></div></li>
            <li><span>Image 05</span><div><h3>com&#183;po&#183;sure</h3></div></li>
            <li><span>Image 06</span><div><h3>se&#183;ren&#183;i&#183;ty</h3></div></li>
        </ul>
    </body>
</html>

To zależy jak to zrobić byle jak czy porządnie?

Jeżeli byle jak to np linijkę 19 zmienić na podaną przeze mnie

<div align=“center”><img src=“images/logo.png”/></div>

Jeżeli porządnie to wypada zdefiniować klasę dla tego logo i w css zrobić ta klasę wyśrodkowaną.

 

A tak nawiasem to dla mnie ten kod jest dość dziwny po np dlaczego od 14 do 40 wiersza kod nie należy ani do head ani do body?

albo dodać znacznik center 1.przed divem (jeśli ma być wyśrodkowany cały div) lub 2.w divie (jeśli ma być wyśrodkowany tylko element/elementy znajdujące się w divie)  To wyśrodkuje samo logo: 

<center><img src="images/logo.png"/></center>

W tym w opcji 1 chyba wygodniejszym rozwiązaniem będzie to co napisał przedmówca  :wink:

To prawda. Znacznik body powinien zaczynać się zaraz po zakończeniu znacznika head!