<!DOCTYPE html>
<html lang="en">
<head>
<title>Learn CSS</title>
</head>
<body>
<p>This is a paragraph with 10px outline-offset</p>
<div>This is a div with -15px outline-offset</div>
</body>
</html>
p, div {
margin: 50px;
height: 100px;
background: aquamarine;
outline: 2px solid red;
}
p {
outline-offset: 10px;
}
div {
outline-offset: -15px;
}