Circle markers

by Hugo Carneiro

HTML

<div class="circle-wrapper">
<div class="circle filled"></div>
<div class="circle"></div>
<div class="circle"></div>
</div>

CSS

.circle-wrapper {
  display: block;
  text-align: center;
}
.circle {
  width: 6px;
  height: 6px;
  background-color: transparent;
  border: 1px solid #008B9C;
  display: inline-block;
  border-radius: 50%;
}
.circle.filled {
  background-color: #00BCD4;
}