Home

Objects in a Circle Generator?

This generator creates the CSS and HTML to make any number of elements go round a circle of any size.

The list items can have content added - such as text or images - and can have associated CSS classes to achieve this.

In-line styling is applied only to the absolutely positioned elements that follow the circle.

Just enter (or play around with) the settings on the left and click 'Generate'.

Circle Settings

HTML REQUIRED


		

		
CSS REQUIRED

		
		

			
			
.spinner{
	position:relative;
	margin:auto;
	
}
.blob li{
	list-style:none;
	border-radius:50%;
	position:absolute;
}