title: How to center div element in mobile devices by CSS media queries
body: <p>I need to center div's element for mobile devices. This is my website: <a href="http://transporttest.cba.pl/" rel="nofollow noreferrer">http://transporttest.cba.pl/</a>
  On mobile devices description div goes to the left.I try to use media queries but it didnt works. What I'm doing wrong? On PC everything is ok. This is fragment of my code:    </p>
  
  <pre><code>HTML:
      &lt;div id="opis"&gt;
          &lt;h2&gt;
          &lt;p style="line-height: 3cm; "&gt;
          &amp;#9830; Od 1991 roku w branży. &lt;br/&gt;
          &amp;#9830; 9 zestawów (ciągnik+ naczepa firanka, colimulde). &lt;br/&gt;
          &amp;#9830; Uprawnienia ADR u każdego kierowcy.&lt;br/&gt;
          &amp;#9830; Warsztat obsługujący auta ciężarowe.&lt;br/&gt;
          &lt;/p&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#opis
  {
      font-size: 25px;
      font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
      background-color: #F2F3F7;
      height: auto;
      width:72%;
      display:inline-block;
      text-align:center;
  }
  #container
  {   
      text-align: center;
      width:100%;
  }
  
  @media all and (max-width: 768px) {
      #container{
          wiidth:100%;
      }
      #opis,#opis_onas,#opis_dok,#opis_praca,#oskup,#opis_warsztat,#okredyt 
      {
          left:25%;
          top:25%;
          position:absolute;
          width:50%;
          text-align:center;
      }
      #menudol{
          text-align:center;
           display: block;
    margin: 0 auto;
      }
  }
  
  @media all and (max-width:640px){
      #container{
          wiidth:100%;
      }
      #opis,#opis_onas,#opis_dok,#opis_praca,#oskup,#opis_warsztat,#okredyt 
      {
          width:72%;
          height:auto;
          display:inline-block;
          text-align:center;
      margin: 0 auto;
      }
      #menudol{
          text-align:center;
           display: block;
    margin: 0 auto;
      }
  
  }
  </code></pre>