<!DOCTYPE html>
<style>
.container {
line-height: 100px;
font: 100px/1 Ahem;
}
.long {
float: left;
width: 100px;
height: 20px;
margin-bottom: 10px;
background-color: black;
shape-outside: inset(0 50% 0 0);
}
.short {
float: left;
width: 50px;
height: 20px;
clear: left;
margin-bottom: 10px;
background-color: black;
}
</style>
<script src="../../../resources/ahem.js"></script>
<body>
<div class="container">
<div class="long"></div>
<div class="short"></div>
<div class="short"></div>
XXXX
</div>
</body>