Result
shape-outsideプロパティの動作サンプルです。CSS Shapesは他にも様々な形状に対応しています。
css
#circle-shape-example .curve {
width: 33%; height: auto;
min-width: 150px;
float: left;
margin-right:2rem;
border-radius: 50%;
shape-outside:circle();
}
html
<div id="circle-shape-example"> <img src="foo.jpg" alt="bar" class="curve"><h1>KiwiFruit</h1> <p>This is kiwifruit: originally called “yang tao”, “melonette” or Chinese gooseberry. Cultivated in its fuzzy variety from Chinese imports, the fruit proved popular with . . . </p> </div>
