Try It Yourself: CSS Outline

CSS Outline - Playground

HTML Code

<!DOCTYPE html>
<html>
<head>
  <title>CSS Outline</title>
  <meta charset="UTF-8">
</head>
<body>

<h1>CSS Outline</h1>	

<p><span>Hello World</span></p>

<style>
p span{
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 15px;
  padding: 5px 10px;
}
p{
  margin: 30px 15px;
}
</style>


</body>
</html>

CSS Code

/* Write your CSS here */