<!DOCTYPE html>
<meta charset="utf-8">
<style>
.container {
  width: 400px;
  display: flex;
}
.container div {
  flex-basis: 100px;
  flex-shrink: 0;
  background: #f06;
  align-self: stretch;
}
</style>
<div class="container">
  A text node will be wrapped into an anonymous block container
  <div></div>
  Here is yet another text node
</div>
<div class="container single-child">short text</div>
