Sbarazzarsi di -webkit-padding-start: 40px

Question

Sto lavorando per aggiungere un menu a una mappa. Il menu funziona bene, tranne che ho notato che c'è sempre un padding a sinistra, non importa quale CSS sia stato applicato al menu. Il padding sembra essere originato da (-webkit-padding-start: 40px;) e non vuole andare via. Ho provato a sovrascriverlo con 0 !important; che non ha fatto nulla.

Dopo Googling pensano che questa:

-webkit-padding-start: 40px; What it should be for IE and Firefox?

Tuttavia non si poteva trovare altro su come ignorare o fare questo andare via. Ho bisogno di avere elementi nel menu completamente a sinistra.

allegato è uno screenshot, area verde è quello che sto parlando e sotto gli stili si possono vedere -webkit-padding-start: 40px;

Answer 1

È a causa dei fogli di stile utente-agente di ogni browser. Devi sempre ripristinare tutti gli attributi nel tuo css come primo passo.

soluzione breve:

* { 
    margin: 0; 
    padding: 0; 
} 

/* your styling */ 

Longer soluzione:

http://meyerweb.com/eric/tools/css/reset/