Ankhena

<main>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</main>


main {
  display: flex;
  justify-content: space-between;
  transform: rotate(-10deg);
  margin-top: 100px;
}
div {
  width: 50px;
  height: 50px;
  background: #0f0;
  border-radius: 50%;
}

li:not(:last-child) {border-bottom:1px solid #eee;}

pixelperfect как понял только для px

<span contenteditable="true">0</span>

span {
  display: inline-block;
  min-width: 70px;
  outline: 1px solid #999;
}
span::after {
  display: inline-block;
  content: "i";
  width: 15px;
  height: 15px;
  line-height: 15px;
  background: skyblue;
  text-align: center;  
}