Long article titles display outside the bounds of the web content display portlet

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X
• Fix Version/s: 7.0.0 DXP FP59, 7.0.0 DXP SP9, 7.0.X
• Component/s: WCM > Publication > Web Content Display
• Labels:
  • ee-7.0.x-only
  • ee-ts
  • liferay-dxp-70-sp9
  • liferay-fixpack-de-59-7010
• Branch Version/s:
  7.0.x
• Backported to Branch:
  Committed
• Story Points: 0.25
• Fix Priority: 4
• Git Pull Request: https://github.com/liferay/liferay-portal-ee/pull/9742

This is a 7.0.x only issue. It is fixed in Master with Clay but cannot backport to 1.x Clay due to the use of Flexbox.
Steps to reproduce issue:

1. Navigate to Site Administration > Content > Web Content
2. Add a web content article
   • Title: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et tempor leo. Maecenas ut arcu quis
   • Content: (populate article with any content)
3. Publish the article
4. Navigate to a page
5. Add a Web Content Display portlet instance
6. Configure the Web Content Display portlet instance to display the above article
7. View the article in the Web Content Display portlet

Expected result: Article title displays within the bounds of the web content display portlet
Actual result: Article title displays outside the bounds of the web content display portlet

Reproduced on:
Tomcat 8.0.32 + MySQL 5.6
Portal 7.0.x GIT ID: 6d5bf177bdd30f50f1ff549308182a464d0a1d57