中心內聯塊Div不工作

Question

所以我試圖創建一個下拉菜單選擇和選項元素，顯示何時設備寬度變得足夠小。我的問題是我不能中心由於某種原因（div ID是「navbar2」）選擇元素所包含的div。它只是擁抱屏幕的左側。任何人都可以在這裏看到我的錯

#navbar2 { 
    display:none; 
} 

@media (max-width:380px) { 
    #navbar2 { 
     display:inline-block; 
     width:80%; 
     margin-left:auto; 
     margin-right:auto; 
     border:1px solid red; 
    } 

    #navbar2 select { 
     width:40%; 
    } 
} 

Answer 1

所以我想通了。顯然，「自動」技巧不適用於內嵌塊元素。所以我將「顯示」切換到「顯示：塊」;它水平居中對齊。