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