Skip to content

Instantly share code, notes, and snippets.

@RiaanKnoetze
Created August 11, 2016 06:49
Show Gist options
  • Save RiaanKnoetze/f3a72a34aa1750c1b752b082f02730f3 to your computer and use it in GitHub Desktop.
Save RiaanKnoetze/f3a72a34aa1750c1b752b082f02730f3 to your computer and use it in GitHub Desktop.
Brand A-Z List Column Display - Screenshot at http://cld.wthms.co/u6x1/2Lri3bdO
ul.brands {
float: left;
width: 95%;
padding: 0.5em 0 1.5em;
min-height: 75px;
border-bottom: 3px double #ccc;
}
ul.brands li {
float: left;
width: 25%;
list-style-type: none;
}
ul.brands li:nth-of-type(4n+1) {
clear: both;
}
#brands_a_z h3 {
clear: both;
float: left;
text-transform: uppercase;
font-size: 2.5em;
line-height: 1em;
width: 5%;
margin: 0;
}
div#brands_a_z a.top {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment