Challenge accepted.


#webring {
  display: grid;
  grid-template-columns: auto max-content auto;
  grid-template-areas: "left-arrow label right-arrow";
  place-items: center;
  gap: 1rem;
  
  a:first-child {
    grid-area: left-arrow;
    justify-self: end;
  }
  
  #label {
    grid-area: label;
    margin-top: -0.6ex;
  }
  
  a:last-child {
    grid-area: right-arrow;
    justify-self: start;
  }
  
}