JSFiddle - React, Tailwind, and code Playground

HTML

<div class="space">
  <div class="sun">
  </div>
  <div class="way">
  </div>
  <div class="earth">
  </div>
</div>

CSS

.space{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
/*Растояние от солнца до земли плюс их диаметры*/
  width: 15111px;
}
.sun{
  background-color: #e0e000;
/*Диаметр солнца*/
  width: 139px;
  height: 139px;
  border-radius: 50%;
}
.earth{
  background-color: #0000e0;
/*Диаметр земли*/
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.way{
  border-bottom: 1px solid black;
/*Растояние от солнца до земли*/
  width: 14960px;
}