List All Categories
Print screen without additional CSS

Structure with classes and id's
div.categories-list h1 ul li.first span.item-title a div.category-desc dl dt dd li span.item-title a div.category-desc dl dt dd ul li.first span.item-title a div.category-desc dl dt dd li span.item-title a div.category-desc dl dt dd li.last span.item-title a div.category-desc dl dt dd li li.last
CSS
/* --------------------
List all categories
----------------------- */
div.categories-list h1 {
margin-bottom: 20px;
}
div.categories-list ul,
div.categories-list ul li,
div.categories-list ul li ul,
div.categories-list ul li ul li {
list-style: none;
padding: 0;
margin: 0;
}
div.categories-list ul li {
padding: 15px 0 0 0;
}
div.categories-list ul li ul li {
padding: 3px 0 2px 20px;
}
div.categories-list ul li span.item-title a {
font-weight: bold;
font-size: 14px;
}
div.categories-list ul li ul li span.item-title a {
font-weight: normal;
font-size: 12px;
}
div.categories-list ul li div.category-desc p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 11px;
color: #666;
padding: 3px 0 2px 0;
}
div.categories-list ul li dl {}
div.categories-list ul li dl dt {
float: left;
margin: 0 10px 0 0;
}
Print screen after applying CSS


