title: Why don't I have center alignment on mobile website?
body: <p>When I open the page on the phone it is not centered instead all goes to the left side, whereas when I open it on the computer everything looks nice.</p>
  
  <p>I tried to add and remove codes to the page for example add min-width/max-width,change valutes - %/px .</p>
  
  <p>HTML--------------</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt; Farbawlesie &lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="styl.css"&gt;
          &lt;meta http-equiv="Imagetoolbar" content="no" /&gt;
          &lt;link rel="icon" type="image/png" href="naszywka3.gif"&gt;
          &lt;link rel="shortcut icon" href="farbawlesie.pl/favicon.ico"&gt;
          &lt;meta charset= "UTF-8"&gt;
      &lt;/head&gt;
      &lt;body oncontextmenu="return false" background="las.jpg"&gt;
          &lt;div id="page-wrap"&gt;
              &lt;div id="baner"&gt;
                  &lt;img src="banern.png"  height="250"&gt;
              &lt;/div&gt;
              &lt;hr color="white"&gt;
              &lt;br&gt;&lt;br&gt;&lt;br&gt;
              &lt;center&gt;
                  &lt;div id="menu"&gt;
                   &lt;ol&gt;
                      &lt;li&gt;&lt;font color="yellow"&gt;⇒&lt;/font&gt;&lt;a href="index.html"&gt; Start&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;font color="yellow"&gt;⇒&lt;/font&gt;&lt;a href="my.html"&gt; O nas&lt;/a&gt;
                          &lt;ul&gt;
                              &lt;li&gt;
                                  &lt;a href="druzyna.html"&gt;Drużyna&lt;/a&gt;
                              &lt;/li&gt;
                              &lt;li&gt;
                                  &lt;a href="zasady.html"&gt;Zasady&lt;/a&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li&gt;&lt;font color="yellow"&gt;⇒&lt;/font&gt;&lt;a href="Terminarz.html"&gt; Terminarz&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;font color="yellow"&gt;⇒&lt;/font&gt;&lt;a href="Forum.html"&gt; Forum&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;font color="yellow"&gt;⇒&lt;/font&gt;&lt;a href="Galeria.html"&gt; Galeria&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;font color="yellow"&gt;⇒&lt;/font&gt;&lt;a href="Kontakt.html"&gt; Kontakt&lt;/a&gt;&lt;/li&gt;
                    &lt;/ol&gt;
                    &lt;/div&gt;
              &lt;/center&gt; 
              &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
              &lt;hr color="white"&gt;
              &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
              &lt;font size="5" color="white" family="Times"&gt;
              Witaj na naszej stronie ! ☺
              &lt;br&gt;
              Masz pytanie ? Skontaktuj się z nami ! Więcej w zakładce "Kontakt".
              &lt;br&gt;&lt;br&gt;
              &lt;center&gt;     
                  &lt;div id="srodek_naglowek"&gt;
                      &lt;img src="dr.jpg" width="850px"   height="420px"/&gt;
                      &lt;img src="baner.png" width="850px"  height="420px" /&gt;
                      &lt;img src="farba.jpg" width="850px"   height="420px"/&gt;
                      &lt;img src="far6.jpg"width="850px"  height="420px"/&gt;
                      &lt;img src="3.png" width="850px"   height="420px"/&gt; 
                      &lt;img src="swt.jpg" width="850px"  height="420px"/&gt;
                  &lt;/div&gt;
                  &lt;center&gt;
                      &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
                      &lt;hr color="white"&gt;
                      &lt;br&gt;&lt;br&gt; 
                      &lt;center&gt;
                          &lt;font color="red"&gt;&lt;h2&gt;Naszywki członków drużyny&lt;/h2&gt;&lt;/font&gt;
                          &lt;img src="naszywka3.gif"&gt;
                          &lt;font size="3" color="white"&gt;Otrzymuje każdy członek&lt;/font&gt;
                          &lt;br&gt;&lt;br&gt;&lt;br&gt;
                          &lt;img src="naszywka2.gif"&gt;
                          &lt;font size="3" color="white"&gt;Otrzymuje osoba która brała 3 razy udział w nocnym strzelaniu&lt;/font&gt;
                          &lt;br&gt;&lt;br&gt;&lt;br&gt;
                          &lt;img src="naszywka1.gif"&gt;
                          &lt;font size="3" color="white"&gt;Otrzymuje osoba która ma 5 letni staż w stowarzyszeniu&lt;/font&gt; 
                          &lt;br&gt;&lt;br&gt;&lt;br&gt;
                          &lt;hr color="white"&gt;
                          &lt;div id="stopka"&gt;
                              Copyright © Wszelkie prawa zastrzeżone
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/body&gt;
              &lt;/html&gt;
  </code></pre>
  
  <p>CSS-----------------</p>
  
  <pre><code>head {
      text-align: center;
  }
  body {
      width: 100%;
      margin: auto;
  }
  #srodek_naglowek {
      text-align: center;
  }
  #baner {
      text-align: center;
  }
  a {
      text-decoration: none; 
      color: white;
      text-align: center;
  } 
  #page-wrap {
      width: 100%;
      margin: 0 auto;
  }
  #menu {
      text-align: center;
      width: 100%;
      font-family: Arial;
  }
  ol {
      text-decoration: none; 
      color: white;
      list-style-type: none;
      padding: 0;
      margin: 0;
      font-size: 18px;
      height: 2em;
      line-height: 2em;
      text-align: center; 
  }
  ol &gt; li {
      float: left;
      width: 150px;
  }
  ol &gt; li &gt; a: hover {
      color: grey;
  }
  ol &gt; li: hover {
  }
  #stopka {
      color: white;
      text-align: center;
      font-size: 10px;
  }
  ol  {
  }
  ol &gt; li &gt; ul &gt; li {
  }
  ol &gt; li &gt; ul &gt; li: hover {
  }
  ol &gt; li &gt; ul &gt; li: hover a {
      color: grey;
  }
  ol &gt; li &gt; ul {
      display: none;
  }
  ol &gt; li: hover &gt; ul {
      display: block;
  }
  ol &gt; li &gt; ul {
      display: none;
  }
  ol &gt; li: hover &gt; ul {
      display: block;
  }
  </code></pre>
  
  <p>WEBSITE:
  <a href="http://www.farbawlesie.pl" rel="nofollow noreferrer">http://www.farbawlesie.pl</a></p>