Observe the premature linebreak after "three" in this example.
<div style="text-align:center">centered section</div><br/>
One two three <div style="background:#ccc; float:right;">div<br/>float</div>four five six seven eight nine ten eleven twelve thirteen fourteen fifteen sixteen.
Behavior is the same without text-align:center.
(In reply to comment #1)
> Behavior is the same without text-align:center.
On 522.11, commenting out the centered line yields the correct layout.
Workaround is to use <div style="text-align:left"> immediately after centered div
Created attachment 460285 [details]
(In reply to Ahmad Saleem from comment #3)
> Created attachment 460285 [details]
^ APOLOGY - I pressed Enter by mistake.
I changed the test case from Comment 01 into JSFiddle below:
Testcase - https://jsfiddle.net/eLtjzy3n/show
I am unable to reproduce this bug in Safari 15.5 on macOS 12.4. All browsers (Chrome Canary 105 and Firefox Nightly 103) behaves same as Safari 15.5 and match each other. See attached "SAR" Screenshot. Thanks!
Thank you for testing!