Как сделать круг с пунктами внутри?

Question

[Александр Наумов]

Есть круг, в нем нужно расположить пункты которые можно выбирать.
Вот пример

Answer 1

[i10dev]

---
херова туча /или a/или что те нужно


и уже внутри каждому элементу даешь position: absolute и позиционируешь как те ннннадо, челез left/top/right/bottom.
или как вариант позиционируешь всех в центре круга и через tranform: translate(x,y) расставляешь каждый элемент куда ннадо

Comments

[Александр Наумов]

Нужно чтобы это все автоматически позиционировалось при добавлении слов в этот блок.

[i10dev]

Александр Наумов, тебе сразу JS код дать, или намекнуть?

[Александр Наумов]

i10dev, Хотелось бы лучше js увидеть.

Answer 2

[Сергей Хлопов]

Накидал тут кое что, может конечно можно более элегантно это всё сделать

И есть ряд моментов:

1. Данное решение не универсальное
   
2. При смене шрифта может выглядеть не красиво
   
3. При смене текста в пунктах тоже может выглядеть не красиво
   
4. Позиционируется не автоматически
   

Answer 3

[siarheisiarhei]

border-radius: 50%;
наружка....

display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;

компонент....