tame the floating behaviour of <dl>s: clear both before and after. the previous behaviour was not robust in the presence of right-floated images, shuffling text blocks all over the place.

2014-02-05 14:53:03 +01:00 · 2014-02-05 14:53:03 +01:00 · ed6dd533f0
commit ed6dd533f0
parent e24d8b4679
1 changed files with 9 additions and 2 deletions
--- a/source/css/app.css
+++ b/source/css/app.css
@ -139,11 +139,18 @@

 #content dl
 {
-    float: left;
-    width: 100%;
+    float:none;
+    clear:both;
+    width:100%;
    margin: 1em 0;
    padding: 0;
 }
+
+#content dl:after {
+    content:' ';
+    display:block;
+    clear:both;
+}
    
 #content dt
 {