Сначала эту задачу нужно как-то нормально описать.
Пока у вас код, в котором ширина указана напрямую.
В идеале, можно рассказать истинную задачу, которая привела вас вот к этой дурацкой ситуации и вопросу в его нынешней форме.
И код обернуть в теги code или воспользоваться соответствующей кнопкой в редакторе.
Сергей delphinpro, если можно задавать класс для элементов (по идее в WP можно), то класс будет задавать номер столбца.
Но это сломает семантику вложенных списков.
Первый вариант: грид сетка, как в ответе Сергея.
Второй вариант, выдерживающий переполнение: обернуть элементы первого столбца в свой li, по аналогии со всеми остальными. Заголовок скрыть. И дальше просто 3 столбца.
Я не вижу в макете зеркального расположения кружков относительно ссылок.
На глаз так вообще кажется, что они расположены абсолютно одинаково относительно центров ссылок.
Если это не так, то разумеется разные или дополнительные классы.
Не гневите CSS бога.