<?xml version="1.0" encoding="UTF-8"?> <!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Reference case with a stretch of inline content in a flex container. (The corresponding testcase has a div interrupting the run, which gets removed, hopefully making it look like this reference case.) --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style> div { height: 100px; } div.flexbox { width: 200px; display: flex; } div.a { flex: 1 0 20px; background: lightgreen; } div.inflex { flex: 0 0 20px; background: gray; } </style> </head> <body> <div class="flexbox" ><div class="a"/>text<i>italic</i ><div class="inflex"/></div> </body> </html>