Form floating labels appear centered under a .text-center

Created by: priyadi

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

With 5.2.0beta, a floating label always appears left-aligned in the input box, even if there is .text-center in the parent element. With 5.2.0, it inherits .text-center from the parent element. The old behavior seems more proper to me.

Reduced test cases

The signin template in the official example exhibits this problem: https://getbootstrap.com/docs/5.2/examples/sign-in/

The labels "email address" and "password" should be left aligned. Or, if this is intended behavior, they should remain centered when floated.

What operating system(s) are you seeing the problem on?

Linux

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

5.2.0