Skip to content

Instantly share code, notes, and snippets.

@tedw
Created November 13, 2012 22:05
Show Gist options
  • Save tedw/4068744 to your computer and use it in GitHub Desktop.
Save tedw/4068744 to your computer and use it in GitHub Desktop.
List Classes
/* List with items floated to the left */
.list-row {
list-style: none;
padding-left: 0;
}
.list-row > li {
float: left;
margin-left: 10px;
}
.list-row > li:first-child {
margin-left: 0;
}
/* List with items with dividing borders */
.list-divided > li {
border-left: 1px solid #000;
padding-left: 10px;
}
.list-divided > li:first-child {
border-left: none;
}
/* Centered list row */
.list-centered {
display: table;
margin: 0 auto;
}
.lt-ie8 .list-centered li {
display: inline;
float: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment