Layout issue when using textAlign: "center" wrap

dapi-labs / react-nice-avatar

react library for generating avatar

https://nice-avatar.wwayne.com

MIT License

1.07k stars 91 forks source link

Layout issue when using textAlign: "center" wrap #47

Closed jzombie closed 1 year ago

jzombie commented 1 year ago

If using using inside of a text-align center container, a wrapping container w/ text-align left seems to be needed to prevent layout issues:

w/o fix Screen Shot 2023-04-07 at 11 35 58 AM

w/ fix Screen Shot 2023-04-07 at 11 39 35 AM

wwayne commented 1 year ago

Hi I did some try in my local but I can't reproduce the issue my understanding is the text align center won't make it look like that, it might effected by other CSS issues, not sure