DevTools: fix console style formatter regressions
DevTools: fix console style formatter regressions

This CL addresses vertical alignment, horizontal overflow, and the
creation of newlines in Console logs that use the style formatter.

Very long fragments still break into their own block, due to the
`contain: paint` rule.

Screenshot: https://imgur.com/a/QiNbvIT

Bug: 810581
Change-Id: Iefb5533d5696a7b91e3ff9863af67740a8e07225
Reviewed-on: https://chromium-review.googlesource.com/1058394
Reviewed-by: Dmitry Gozman <0ca14b32cbb359a30ac562af27dd84cc2813eacb@chromium.org>
Commit-Queue: Erik Luo <26192f5e05d23e5ee959014fb911d780e566545b@chromium.org>
Cr-Original-Commit-Position: 972c6d2dc6dd5efdad1377c0d224e03eb8f276f7@{#559700}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: cf20524aad95b76a21447a354926a313f6e618f4
ChromeDevTools/devtools-frontend,ChromeDevTools/devtools-frontend,ChromeDevTools/devtools-frontend,dart-archive/devtools-frontend,dart-archive/devtools-frontend,ChromeDevTools/devtools-frontend,dart-archive/devtools-frontend,ChromeDevTools/devtools-frontend,dart-archive/devtools-frontend,ChromeDevTools/devtools-frontend,dart-archive/devtools-frontend,dart-archive/devtools-frontend