Menu

List

A list is a group of related content items ordered consecutively

Definition Mode

Types

List

A standard list

Schnoodle
Your new dog
Thanks for being my owner
Im so glad you chose to bring me home from the shelter...
What a walk
Man i am so tired that walk today really was too far...
Sorry about your old dog
Is this your address? I'm getting dropped off from the SPCA...
Ragamuffin
Your old dog.
Was on a walk today
Here's a picture of me on the farm with a cow...
Ruff Ruff
I know i usually message you in english but i wanted to see how your dog language was progressing...
Reaching Out
Hey its your old dog, been a while since you sent me to the farm...

Bulleted

A list can mark items with a bullet

Cats
Horses
Dogs
Labradoodles
Shiba Inu
Mastiff
For convenience, a simple bulleted list can also use ul tag.

Ordered

A list can be ordered numerically

Getting Started
Introduction
Languages
HTML
Javascript
CSS
For convenience, a simple ordered list can also use the ol tag
  1. Cats
  2. Horses
  3. Dogs
    1. Labradoodles
    2. Shiba Inu
    3. Mastiff

Link

A link list is specially formatted for page links

Content

Icon

A list item can have an icon

Content

A list can have groups of content that can be floated left or right

View Listing
New York Dog Fair
View Listing
Dog Appreciation Day

Link

A list can contain items that link

Header

A list item can contain a header

New York City
A lovely city
Chicago
Also quite a lovely city
Los Angeles
Sometimes can be a lovely city
San Francisco
What a lovely city

Description

A list item can contain a description

New York City
A lovely city
Chicago
A lovely city
Los Angeles
A lovely city
San Francisco
A lovely city

Variations

Horizontal List

A list can be formatted horizontally

Snickerdoodle
An excellent companion
Poodle
A poodle, its pretty basic
Paulo
He's also a dog
New York City
Chicago
Los Angeles
San Francisco
Apples
Pears
Oranges
Soursop

Inverted

A list can be inverted to appear on a dark background

Snickerdoodle
An excellent companion
Poodle
A poodle, its pretty basic
Paulo
He's also a dog

Selection

A selection list formats list items as possible choices

Snickerdoodle
An excellent companion
Poodle
A poodle, its pretty basic
Paulo
He's also a dog

Animated

A list can animate to set the current item apart from the list

Snickerdoodle
An excellent companion
Poodle
A poodle, its pretty basic
Paulo
He's also a dog

Relaxed

A list can relax its padding to provide more negative space

New York City
A lovely city
Chicago
A lovely city
Los Angeles
A lovely city
New York City
A lovely city
Chicago
A lovely city
Los Angeles
A lovely city
New York City
A lovely city
Chicago
A lovely city
Los Angeles
A lovely city
New York City
A lovely city
Chicago
A lovely city
Los Angeles
A lovely city

Divided

A list can show divisions between content

Snickerdoodle
An excellent companion
Poodle
A poodle, its pretty basic
Paulo
He's also a dog
About Us
Contact
Support

Celled

A list can divide its items into cells

Snickerdoodle
An excellent companion
Poodle
A poodle, its pretty basic
Paulo
He's also a dog
About Us
Contact
Support

Sizes

A list can vary in size

Thanks for being my owner
Im so glad you chose to bring me home from the shelter...
What a walk
Man i am so tired that walk today really was too far...
Sorry about your old dog
Is this your address? I'm getting dropped off from the SPCA...
Thanks for being my owner
Im so glad you chose to bring me home from the shelter...
What a walk
Man i am so tired that walk today really was too far...
Sorry about your old dog
Is this your address? I'm getting dropped off from the SPCA...
Thanks for being my owner
Im so glad you chose to bring me home from the shelter...
What a walk
Man i am so tired that walk today really was too far...
Sorry about your old dog
Is this your address? I'm getting dropped off from the SPCA...
Thanks for being my owner
Im so glad you chose to bring me home from the shelter...
What a walk
Man i am so tired that walk today really was too far...
Sorry about your old dog
Is this your address? I'm getting dropped off from the SPCA...
Thanks for being my owner
Im so glad you chose to bring me home from the shelter...
What a walk
Man i am so tired that walk today really was too far...
Sorry about your old dog
Is this your address? I'm getting dropped off from the SPCA...
Thanks for being my owner
Im so glad you chose to bring me home from the shelter...
What a walk
Man i am so tired that walk today really was too far...
Sorry about your old dog
Is this your address? I'm getting dropped off from the SPCA...
Thanks for being my owner
Im so glad you chose to bring me home from the shelter...
What a walk
Man i am so tired that walk today really was too far...
Sorry about your old dog
Is this your address? I'm getting dropped off from the SPCA...