Wie div-Element in mobilen Geräten durch CSS Media-Abfragen zentriert werden

Question

Ich muss div's Element für mobile Geräte zentrieren. Dies ist meine Website: http://transporttest.cba.pl/ Auf mobilen Geräten Beschreibung div geht nach links. Ich versuche, Medienabfragen zu verwenden, aber es hat nicht funktioniert. Was mache ich falsch? Am PC ist alles in Ordnung. Dies ist Fragment von meinem Code:

HTML: 
    <div id="opis"> 
     <h2> 
     <p style="line-height: 3cm; "> 
     &#9830; Od 1991 roku w branży. <br/> 
     &#9830; 9 zestawów (ciągnik+ naczepa firanka, colimulde). <br/> 
     &#9830; Uprawnienia ADR u każdego kierowcy.<br/> 
     &#9830; Warsztat obsługujący auta ciężarowe.<br/> 
     </p> 
    </div> 

CSS:

#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; 
    } 

} 

Answer 1

Für Medienanfragen zu arbeiten, müssen Sie enthalten:

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

Zwischen den Tags.

https://www.w3schools.com/css/css_rwd_viewport.asp

Answer 2

Als jemand bereits kommentiert, stellen Sie sicher, dass Sie „wiidth“ auf „Breite“ zu korrigieren, und Sie könnten versuchen, eine Breite in der div Einstellung zentriert wollen, und dann fügte hinzu:

margin-left:auto; 
margin-right:auto; 

um es auf der Seite zu zentrieren.