| <!DOCTYPE html> |
| <html> |
| <title>CSS Test: Whitespace-only nodes in Flexboxes</title> |
| <link href="support/flexbox.css" rel="stylesheet"> |
| <link rel="author" title="Google Inc." href="http://www.google.com/"> |
| <link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-items"> |
| <link rel="match" href="whitespace-in-flexitem-001-ref.html"> |
| <meta name="flags" content=""> |
| <meta name="assert" content="Whitespace-only nodes in a flexbox should not |
| be rendered and not influence justify-content, even in the presence of |
| white-space: pre"> |
| <style> |
| .flexbox { white-space: pre; } |
| .a { |
| flex: none; |
| width: 30px; |
| background: salmon; |
| } |
| </style> |
| <body> |
| <div class="flexbox justify-content-space-around"> |
| <div class="a"></div> 	 |
| </div> |
| |
| <div class="flexbox"> |
| <b>foo</b> <b>bar</b> |
| </div> |