Skip to content

Instantly share code, notes, and snippets.

@Flyingmana
Forked from anonymous/dabblet.css
Created June 11, 2012 11:51
Show Gist options
  • Save Flyingmana/2909733 to your computer and use it in GitHub Desktop.
Save Flyingmana/2909733 to your computer and use it in GitHub Desktop.
format dd and dt as group
/**
* format dd and dt as group
*/
hmtl{
background: #f06;
background: white;
min-height: 100%;
}
.block{
float:left;
margin-right:30px;
}
dd{float:left;margin-left:0px;margin-right:30px;margin-bottom:20px;width:250px;}
dt{float:left;margin-left:-0px; margin-top:-20px;width:250px;}
<!-- content to be placed inside <body>…</body> --><dl><dt>erster titel</dt>
<dd>erste beschreibung</dd><dt>zweiter titel</dt>
<dd>zweite beschreibung</dd><dt>erster titel</dt>
<dd>erste beschreibung</dd><dt>zweiter titel</dt>
<dd>zweite beschreibung</dd><dt>erster titel</dt>
<dd>erste beschreibung</dd><dt>zweiter titel</dt>
<dd>zweite beschreibung</dd><dt>erster titel</dt>
<dd>erste beschreibung</dd><dt>zweiter titel</dt>
<dd>zweite beschreibung</dd><dt>erster titel</dt>
<dd>erste beschreibung</dd><dt>zweiter titel</dt>
<dd>zweite beschreibung</dd>
</dl>
<div style="clear:both;margin-top:20px;"></div><br/><br/>
<div><div class="block"><div class="titel">erster titel</div><div class="beschreibung">erste beschreibung</div></div><div class="block"><div class="titel"> titel</div><div class="beschreibung">zweite beschreibung</div></div>
</div>
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment