Making list items appear around the circle

Asked Aug 24 '15 at 09:48

Active Aug 24 '15 at 09:48

Viewed 82 times

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Circle_-_black_simple.svg/220px-Circle_-_black_simple.svg.png">
<ul>
 <li>1</li>
 <li>2</li>
 <li>3</li>
 <li>4</li>
 <li>5</li>
 <li>6</li>
</ul>

Is there anyway to have list items appear around the circle. This is what i've got so far https://jsfiddle.net/7bLzf97g/10/. I want 1 to 6 to appear around the circle instead of listing vertically. I would really appreciate your help guys. Thanks

asked Aug 24 '15 at 09:48

Ray

Are you only interested in 6 li or it could be a different amount of elements around the circle? – EnriMR Aug 24 '15 at 09:50
It's just an example could be any – Ray Aug 24 '15 at 09:51
Ok, and what about the circle? It could be a different polygon? You are using an image, why don't using a div with rounded squares? – EnriMR Aug 24 '15 at 09:52
It would be better if it is an image as I want to use it for other purposes aswell. – Ray Aug 24 '15 at 10:00
Should the items follow the radius of the circle or simple ltr? – Szabolcs Páll Aug 24 '15 at 10:14
ideally follow the radius of the circle but its not a biggie – Ray Aug 24 '15 at 10:24

Making list items appear around the circle

0 Answers0