eine Klasse und @media mit CSS

Question

Ich habe versucht, diesen Code zu verwenden, aber meine Liste zeigt einen Rand auf der linken Seite

@media(max-width: 900px){ 
ul{  
    width:100%;  
}  
ul li{ 
    width:100%; 
} 

ul li a { 
    text-align:center; 
    width:100%;  
    height:30px;  
    line-height:30px; 
    background-color:rgba(255,255,255,0.7); 
    outline:rgba(255,255,255,0.9) solid 1px; 
} 

Ich weiß nicht, welche Anweisung sollte ich oder was so ändern es gibt keinen linken Rand habe ich einen Header mit dieser Klasse

header {  
    margin-top:0px; 
    background-color:rgba(255,255,255,0.7); 
    height:140px;   
} 

Answer 1

UL hat auf der linken Seite eine Polsterung; keine Marge. Verwendung ul {padding-left:0;}

Auch UL und LI sind standardmäßig 100% breit, da beide Elemente auf Blockebene sind. http://www.w3schools.com/html/html_blocks.asp

Answer 2

Hallo zu diesem

verwendet

@media(max-width: 900px){ 
    // you can write your css here 

    .class{ 
     // write your css property 
    } 
}