use clear: both instead of br

source/joerg/index.slim

@@ -4,37 +4,31 @@ head_profile: http://gmpg.org/xfn/11
 h1 Jörg Thalheim / Mic92
 div.span3
   h2 Contact
-  dl
+  dl.icons
     dt Email:
     dd.icon-envelope
       a rel="me" href="mailto:fake@example.com?cc=joerg@higgsboson.tk" joerg higgsboson.tk
-    br
     dd.icon-key
       a rel="me" href="https://higgsboson.tk/joerg/joerg.asc" D7CC79FA
       ' (PGP)
-    br
     dt Jabber:
     dd.icon-comment
       a rel="me" href="xmpp:jthalheim@jabber.ccc.de" jthalheim@jabber.ccc.de
-    br
     dt IRC:
     dd.icon-comment-alt
       a rel="me" href="irc://irc.freenode.net/" Mic92
 
 div.span3
   h2 Content
-  dl
+  dl.icons
     dt Microblogging:
     dd.icon-twitter
       a rel="me" href="https://twitter.com/Mic_92" twitter.com/Mic_92
-    br
     dd.icon-comments
       a rel="me" href="https://identi.ca/mic92" identi.ca/mic92
-    br
     dt Code:
     dd.icon-github
       a rel="me" href="https://github.com/Mic92" github.com/Mic92
-    br
     dt Social:
     dd.icon-group
       a rel="me" href="https://pod.geraspora.de/u/jthalheim" jthalheim@pod.geraspora.de
@@ -43,11 +37,10 @@ div.span3
 
 div.span3_omega
   h2 Rest
-  dl
+  dl.icons
     dt Github Achievements:
     dd.icon-star
       a rel="me" href="http://coderwall.com/mic92" coderwall.com/mic92
-    br
     dt Stackoverflow:
     dd.icon-user
       a rel="me" href="http://stackoverflow.com/users/1061240/mic92" stackoverflow.com/users/1061240

source/stylesheets/site.css.scss

@@ -129,6 +129,12 @@ footer {
   @include text-shadow(0px, -1px, 1px, rgb(255,255,255), 0px, 1px, 1px, rgb(102,102,102));
 }
 
+.icons {
+  dd {
+    display:block;clear:both;
+  }
+}
+
 #overview {
   span { font-size: 2em; };
 }