margin bei Linkbuttons

by Friedel

HTML

<p>Achtung! Dieser <a class="aButton">Blindtext</a> wird gerade durch 130 <a class="aButton">Millionen</a> <a class="aButton">Rezeptoren</a> Ihrer <a class="aButton">Netzhaut</a> <a class="aButton">erfasst</a>. Die <a class="aButton">Zellen</a> werden dadurch in einen <a class="aButton">Erregungszustand</a> versetzt, der sich über den <a class="aButton">Sehnerv</a> in dem hinteren Teil Ihres <a class="aButton">Gehirns</a> <a class="aButton">ausbreitet</a>. Von dort aus überträgt sich die <a class="aButton">Erregung</a> in <a class="aButton">Sekundenbruchteilen</a> auch in andere Bereiche Ihres <a class="aButton">Grosshirns</a>. Ihr <a class="aButton">Stirnlappen</a> wird <a class="aButton">stimuliert</a>. Von dort aus gehen jetzt Willensimpulse aus, die Ihr zentrales <a class="aButton">Nervensystem</a> in konkrete Handlungen umsetzt. Kopf und Augen reagieren bereits. Sie folgen dem <a class="aButton">Text</a>, <a class="aButton">nehmen</a> die darin enthaltenen Informationen auf wie ein Schwamm. Nicht auszudenken, was mit Ihnen hätte <a class="aButton">passieren</a> können, wenn dieser <a class="aButton">Blindtext</a> durch einen echten <a class="aButton">Text</a> ersetzt worden wäre.</p>

CSS

.aButton {
  -moz-appearance: button; -ms-appearance: button; -o-appearance: button; -webkit-appearance: button; appearance: button;
  text-decoration: none;
  color: #000;
  padding: 0.1em 0.2em; 
  margin: 0 0.5em;
  display: inline-block;
}

h1, h2, h3, p, dt, dd {
  -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;
}