<!DOCTYPE html>
<html>
<script>
if (window.internals)
    internals.settings.setCSSExclusionsEnabled(true);
</script>
<style>
.a {
    -webkit-shape-inside: ellipse(100px, 100px, 100px, 100px);
}
.b {
    -webkit-shape-inside: circle(100px, 100px, 100px);
}
.c {
    -webkit-shape-inside: rectangle(100px, 100px, 100px, 100px);
}
.d {
    height: 100px;
    -webkit-shape-inside: polygon(10% 100%, 100% 50%, 50% 10%);
}
</style>
<div class="a">
Some text inside an area inside which inline content can flow.
</div>
<div class="b">
Some text inside an area inside which inline content can flow.
</div>
<div class="c">
Some text inside an area inside which inline content can flow.
</div>
<div class="d">
Some text inside an area inside which inline content can flow.
</div>
</html>