Вариантов много, я бы сделал на ul>li + :after, :before. Если текст будет появляться по наведению, мне кажется самый оптимальный вариант. А так можно и картинкой, абсолютным позиционированием выстроить строки (если не привык к сложным моментам)
Ссылка по любому будет квадратной, единственный момент ты по разному можешь ссылку наложить на картинку. Вписать в квадратную ссылку круглую картинку, либо наложить поверх обычной картинки маску с округленной прозрачной серединой;
