Align Center Avatars inside a HorizontalLayout

I tryed the setAlignemt methods, the JustifyAlignments methods, and the getStyle().set(“text-align”, “center”) methods with no use, I apprecite if I can get these groups of Avatars centered evenly. check image. I managed to center other components, and texts.

avatarGroup1.getStyle().set("text-align","center");
avatar.getStyle().set("text-align","center");
avatarGroup2.getStyle().set("text-align","center");
this.setJustifyContentMode(JustifyContentMode.EVENLY);
this.setAlignItems(Alignment.CENTER);      this.setJustifyContentMode(FlexComponent.JustifyContentMode.CENTER);

image.png

To be clear: you have three avatar groups in a horizontal layout and can’t center them horizontally?

yes
image.png