<!DOCTYPE html>
<html>
<head>
<style>
h1 {
border-style: dotted;
}
div {
border-style: dotted;
}
div {
border: 1px solid black;
margin-top: 100px;
margin-bottom: 100px;
margin-right: 150px;
margin-left: 80px;
background-color: lightblue;
}
</style>
</head>
<body>
<h1>A Heading with a dotted border</h1>
<div>A div element with a dotted border.</div>
<div>This element has a margin of 70px.</div>
<div>This div element has a top margin of 100px, a right margin of 150px,
a bottom margin of 100px, and a left margin of 80px.</div>
</body>
</html>