Verbindungen Overlap Einander Ausgabe

Question

Die Links überschreiben jeweils anderen, Screenshot ist:

Die CSS ich verwendet habe, ist:

.moderation_buttons a:link, .moderation_buttons a:active, .moderation_buttons a:visited{ 
padding: 1px 9px; 
background: #d6d6d6; 
color: #000; 
margin: 3px; 
text-decoration: none;} 

Falls jemand das HTML dieser Links sehen will, Hier ist der HTML-Code:

Wie kann ich es so einstellen, dass die Links richtig eingestellt sind und sich nicht gegenseitig überschreiben?

Dank

Answer 1

Set

.moderation_buttons a{ display: inline-block } 

Anchor-Tags sind nicht Elemente blockieren Deshalb sind die Polsterungen sind nicht mit dem Anker-Tag hinzugefügt werden. Um dies zu tun, sollten Sie es zu einem Block-Level-Element machen. Aber da Sie es auch inline wollen, verwenden Sie display: inline-block style.