Neu Buttongroup so zentrieren das es auch links ausserhalb eines Divs "hängt"

[holzpuppe]

Hallo,
wie der Titel schon sagt, versuche ich ne "<p> buttongroup", die ein Teil eines übergeordneten divs ist, so zu zentrieren, dass es auch links vom div "raushängt". Wenn möglich ohne "left"-Angabe.

align-self, justify-content, align-content und align-items funzt scheinbar nicht.

Jemand eine Idee?

 

[css-umsetzung]

Es wäre gut die Elemente zu sehen, dann könnte man seine Ideen direkt über die Console probieren bevor man hier komisches postet

Warum kein position relative und left mit negativem Wert?
ein margin-left mit einem negativem Wert sollte auch gehen wenn man es auf einem Block Element anwendet.

 

[holzpuppe]

Sorry. Hab leider nur eine Testumgebung, sonst hätt ich ne URL gepostet. Jetzt hab ich auch eine Lösung gefunden. Man kann ja auch einfach mal das DIV vergrößern. -.-
Nicht destotrotz schreib ich mal noch was dazu.
Es geht um das Fenster in den "Warenkorb gelegt". Das funktioniert auch mit dem Standard-EVO.

Das Element "Recommendations-hidden-xs" sieht unterhalb von 999px-Breite bei mir nicht schön aus. (Erinnert mich an Orgelpfeifen. Schmall, Eng, einfach nicht lesebar.)
Also habe ich die DIVs in eine Flex gepackt. Und mit "align-items" auf Center gebracht.

@media (max-device-width: 999px)
div#pushed-success .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
}

Jetzt hab ich zwar die Elemente untereinander, und grob zentriert. Jedoch wirkt es sich nicht auf die
"p.btn-group.btn-group-justified.btn-group-full" aus. Dann also noch:

@media (max-device-width: 999px)
div#pushed-success .row .col-sm-5.text-center {
    width: 55%;
}

Damit kann ich leben.