Hallo, ich möchte dem ersten a innerhalb von <article class="anzeige"> ein margin-right verpassen. Meine Idee war: ~~~css .anzeige a { width: 45%; margin-top: 2em; display: inline-block; } .anzeige a:nth-child(1) { margin-right: 3em; } .anzeige a:nth-child(2) { margin-right: 0em; } ~~~ Interessiert den Browser aber nicht, es wird kein Abstand angezeigt. Der Aufbau lautet: ~~~html <article class="anzeige"> <h2>Test Ausgabe</h2> <a href="#" arget="_blank"><img src="" /></a> <a href="#" arget="_blank"><img src="" /></a> <iframe width="100%" height="166" scrolling="no" frameborder="no" src="#"></iframe> </article> ~~~ Nachtrag: Dieses verstehe ich nicht, aber so funktioniert es ~~~css .anzeige a:nth-child(2) { margin-right: 3em; } .anzeige a:nth-child(4) { margin-right: 0em; } ~~~ Kann mir dieses jemand erklären?

Hallo, ich möchte dem ersten a innerhalb von <article class="anzeige"> ein margin-right verpassen. Meine Idee war: ~~~css .anzeige a { width: 45%; margin-top: 2em; display: inline-block; } .anzeige a:nth-child(1) { margin-right: 3em; } .anzeige a:nth-child(2) { margin-right: 0em; } ~~~ Interessiert den Browser aber nicht, es wird kein Abstand angezeigt. Der Aufbau lautet: ~~~html <article class="anzeige"> <h2>Test Ausgabe</h2> <a href="#" arget="_blank"><img src="" /></a> <a href="#" arget="_blank"><img src="" /></a> <iframe width="100%" height="166" scrolling="no" frameborder="no" src="#"></iframe> </article> ~~~