Ultimate CSS List by Desizn Tech

horizontal list using inline property

Item 1
Item 2
Item 3
Item 4

horizontal list using inline-block property

Item 1
Item 2
Item 3
Item 4

horizontal list using float property

Item 1
Item 2
Item 3
Item 4

Comment: Height added so elements below won't float

Vertical list: Using list-style-image

Item 1
Item 2
Item 3
Item 4

Vertical list: Using background image and position property

Item 1
Item 2
Item 3
Item 4

Comment: More customizable

Box Using css verticle list

Image free CSS Menu 25 Advanced CSS Techniques Absolutely Astonishing Helvetica Typographic Posters
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce blandit facilisis dui non feugiat. Nulla mattis commodo lacus ac tristique. Curabitur vel quam massa.
"Imagination rules the world"- Napoleon Bonaparte

The man who has no imagination has no wings"-Muhammad Ali

Back to the post