CSS to make contents box interact with images, blockquotes, ... more nicely

diff --git a/default.css b/default.css
index 22fc4da..5ae8211 100644 (file)
--- a/default.css
+++ b/default.css
@@ -7,6 +7,11 @@ body
   max-width: 8in;
 }
 
+.verse, .src, .image, blockquote
+{
+  clear: right; /* Clear the contents box usually */
+}
+
 .src
 { 
   color: #e3e3e3;
@@ -86,6 +91,7 @@ div.contents
   width: 40%;
   padding: 0.5em;
   margin-left: 2em;
+  margin-bottom: 1em;
   float: right;
 }