Try it Yourself: CSS Units

CSS Units

<!DOCTYPE html>
<html>
<head>
<style>
.divider {
  height: 1px;
  background: #ddd;
}

.badge {
  width: 24px;
  height: 24px;
  background: #00643c;
  border-radius: 4px;
}
</style>
</head>
<body>

<div class="divider"></div>
<div class="badge"></div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
.divider {
  height: 1px;
  background: #ddd;
}

.badge {
  width: 24px;
  height: 24px;
  background: #00643c;
  border-radius: 4px;
}
</style>
</head>
<body>

<div class="divider"></div>
<div class="badge"></div>

</body>
</html>