Как сделать «круги» по центру между пунктами меню, если пункты меню разные по длине?

Question

[freeman0204]

Как сделать "круги" по центру между пунктами меню, если пункты меню разные по длине? Код

Answer 1

[GreatRash]

codepen.io/GreatRash/pen/ONwJPd?editors=1100

Answer 2

[devstudent]

.dropmenu {
   /*display: flex;*/
  width: 50%;
  display: table;
}

.dropmenu li {  
    margin: 0 30px;
    position: relative;
  /*border:1px solid red;*/
  display:table-cell;
}

.dropmenu li:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4ec7e5;
    border-radius: 50%;
    top: 5px;
    left: 50%;
}

Answer 3

[nikfakel]

.dropmenu li {  
    padding: 0 30px;
    position: relative;
}

.dropmenu li:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4ec7e5;
    border-radius: 50%;
    top: 5px;
    left: 0px;
}

.dropmenu li:first-child:after { /* поменял ласт на ферст */
    content: none;
}