<!DOCTYPE html>
<html>
<head>
<style>
#myDIV {
width:300px;
height:300px;
background-color: beige;
}
#blueDIV {
float: left;
width: 150px;
height: 100px;
background-color: lightblue;
clip-path: inset(15px);
}
#pinkDIV {
float: left;
width: 150px;
height: 100px;
background-color: pink;
clip-path: inset(5% 10% 15% 10% round 20px);
}
</style>
</head>
<body>
<h1>The inset() Function</h1>
<div id="myDIV">
<div id="blueDIV">This is some text in a blue div element.</div>
<div id="pinkDIV">This is some text in a pink div element.</div>
</div>
</body>
</html>