Button wird versetzt angezeigt

Hallo zusammen,

auf meiner Seite möchte ich, in einem Modul (Modultyp: Eigenes Modul) 6 Button einbinden - leider wird der Button 6 leicht versetzt nach unten angezeigt, dieser soll aber wie Button 1-5 dargestellt werden.

Ich bin absolut kein Profi was html betrifft, daher bin ich um jeden Tipp dankbar

Hier das Screenshot nach dem Speichern:

Hier der Code:

<div class="row">
<div class="col-md-2 mb-lg mt-md center"><a href="LINK" class="btn btn-borders btn-primary btn-lg" role="button">Button 1</a>&nbsp;</div>
&nbsp;
<div class="col-md-2 mb-lg mt-md center"><a href="LINK" class="btn btn-borders btn-primary btn-lg" role="button">Button 2</a>&nbsp;</div>
&nbsp;
<div class="col-md-2 mb-lg mt-md center"><a href="LINK" class="btn btn-borders btn-primary btn-lg" role="button">Button 3</a>&nbsp;</div>
&nbsp;
<div class="col-md-2 mb-lg mt-md center"><a href="LINK" class="btn btn-borders btn-primary btn-lg" role="button">Button 4</a>&nbsp;</div>
&nbsp;
<div class="col-md-2 mb-lg mt-md center"><a href="LINK" class="btn btn-borders btn-primary btn-lg" role="button">Button 5</a>&nbsp;</div>
&nbsp;
<div class="col-md-2 mb-lg mt-md center"><a href="LINK" class="btn btn-borders btn-primary btn-lg" role="button">Button 6</a>&nbsp;</div>
</div>
<div class="row">&nbsp;</div>

Zitat von Re:Later

Leider sind Klassen wie "mb-lg", "mt-md", "center" keine allgemein üblichen/bekannten. Ebenso sind Klassen wie "col-md-2" abhängig vom verwendeten CSS-System (flex, grid oder float).

Du wirst also wohl einen Link zeigen müssen, auch damit wir sehen, was für ein CSS-System überhaupt verwendet wird.

Hier der Link zur Webseite : https://www.lzg-stormarn.de/ueber-uns

Zitat von anka

Lösche mal die geschützten Leerzeichen   zwischen den DIVs:

Code

<div class="row">
<div class="col-md-2 mb-lg mt-md center"><a href="LINK" class="btn btn-borders btn-primary btn-lg" role="button">Button 1</a>&nbsp;</div>

<div class="col-md-2 mb-lg mt-md center"><a href="LINK" class="btn btn-borders btn-primary btn-lg" role="button">Button 2</a>&nbsp;</div>

<div class="col-md-2 mb-lg mt-md center"><a href="LINK" class="btn btn-borders btn-primary btn-lg" role="button">Button 3</a>&nbsp;</div>

<div class="col-md-2 mb-lg mt-md center"><a href="LINK" class="btn btn-borders btn-primary btn-lg" role="button">Button 4</a>&nbsp;</div>

<div class="col-md-2 mb-lg mt-md center"><a href="LINK" class="btn btn-borders btn-primary btn-lg" role="button">Button 5</a>&nbsp;</div>

<div class="col-md-2 mb-lg mt-md center"><a href="LINK" class="btn btn-borders btn-primary btn-lg" role="button">Button 6</a>&nbsp;</div>
</div>
<div class="row">&nbsp;</div>

Alles anzeigen

Herzlichen DANK das war die Ursache.

Gruß