Skip to content

Instantly share code, notes, and snippets.

@komplexb
Last active December 16, 2015 19:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save komplexb/5482503 to your computer and use it in GitHub Desktop.
Save komplexb/5482503 to your computer and use it in GitHub Desktop.
a data list for label:value pairs
dl.pairValue {
display: block;
margin: 0;
vertical-align: top;
}
/* optional if you add clearfix to the dl
dl.pairValue:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
*/
dl.pairValue dt:after {
content: ": ";
}
dl.pairValue dt {
clear: left;
float: left;
width: 100px;
}
dl.pairValue dd {
float: left;
}
<dl class="pairValue">
<dt>label</dt>
<dd>description</dd>
</dl>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment