[CherryPick][WK2/EFL] Fix for texts are overlapping over search bar

[CherryPick][WK2/EFL] Fix for texts are overlapping over search bar

[Version] N/A
[Project] N/A
[Title] [WK2]  Fix for texts are overlapping over search bar
[BinType] N/A
[Customer] N/A
[Issue#] WEB-2547
[Problem][WK2] Texts are overlapping over search bar
[Cause]  Text-align of 'center' on an out-of-flow element determines its x-p
         doesn't mean that the element should be centred in the line as though it
[Solution] Cherry-picked the patch from opensource
[Developer] Bhagirathi ( bhagirathi.s )

REGRESSION (r94492):
  https://bugs.webkit.org/show_bug.cgi?id=77754

Reviewed by David Hyatt.

Change-Id: Iceb9d559a99d65e83e27c7a9e60686b5fc553e78