blob: f4f1f94f9e23d4b212b4e28e6c9830f1b2cd81c8 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
#container {
font: 100px/1 Ahem, sans-serif;
-webkit-font-smoothing: antialiased;
width: 200px;
height: 200px;
color: green;
}
#left-border-box {
-webkit-shape-outside: border-box;
float: left;
border-radius: 50px;
width: 100px;
height: 100px;
background-color: blue;
background-clip: border-box;
}
</style>
</head>
<body>
<div id="container">
<div id="left-border-box"></div>
X
</div>
</body>
</html>