# Varianten Button Zentrieren

**URL:** <https://forum.shopware.com/t/varianten-button-zentrieren/71865>\
**Category:** Programmierung\
**Created:** [4. Januar 2021 um 14:36 UTC](https://forum.shopware.com/t/varianten-button-zentrieren/71865 "2021-01-04T14:36:26Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Olikun](https://avatars.discourse-cdn.com/v4/letter/o/8baadc/32.png) [@Olikun](https://forum.shopware.com/u/Olikun)\
**Post date:** [4. Januar 2021 um 14:36 UTC](https://forum.shopware.com/t/varianten-button-zentrieren/71865/1 "2021-01-04T14:36:26Z")

</div>

Hallo liebe Leute,&nbsp;

nun meine nächste Frage.

Wer hat eine Idee wie ich die Button der einzelnen Varianten Zentrieren kann. Jetzt sind die Buttons bei mir links angeordnet. Mittig würde aber besser aussehen

In der&nbsp;configurator.less gibts floar, da kann ich sie wenn ich will auch rechts anordnen, aber center, also zentrieren gibt es da nicht.

Hier der Code der&nbsp;configurator.less der dies mit den Buttons regelt

&nbsp;

```
    .variant--option {
        .unitize-height(50);
        .unitize(line-height, 40);
        .unitize(margin-bottom, 10);
        overflow: hidden;
        display: block;
        width: 140px;
        margin-right: 2%;
        position: relative;
        float: none;
    }

```

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Olikun](https://avatars.discourse-cdn.com/v4/letter/o/8baadc/32.png) [@Olikun](https://forum.shopware.com/u/Olikun)\
**Post date:** [4. Januar 2021 um 15:20 UTC](https://forum.shopware.com/t/varianten-button-zentrieren/71865/2 "2021-01-04T15:20:07Z")

</div>

Frage selbst beantwortet

&nbsp;

einfach „margin-right: 2%;“ auf&nbsp;margin-right: auto; änder und dazu noch „margin-left: auto;“ einfügen

schon ist es mittig
