JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<a class="a1">пункт1</a>
<a class="a1">пункт2</a>
<a class="a2">пункт3</a>
<a class="a2">пункт4</a>
<a class="a1">пункт5</a>
<a class="a2">пункт6</a>
</div>

CSS

div {
    display: flex;
    flex-direction: column;
}
.a1 {
    order: 1;
}
.a2 {
    order: 2;
}
a {
    border: 1px solid red;
    margin:10px;
}