Style widget to fill whole page-width.

[mkws-moved-to-github.git] / examples / htdocs / mkws-widget-credo.css

diff --git a/examples/htdocs/mkws-widget-credo.css b/examples/htdocs/mkws-widget-credo.css
index 695e138..ee5a1b4 100644 (file)
--- a/examples/htdocs/mkws-widget-credo.css
+++ b/examples/htdocs/mkws-widget-credo.css
@@ -3,7 +3,7 @@
 }
 
 .mkwsCredo table {
-    width: 90%;
+    width: 100%;
     border-collapse: collapse;
 }
 
@@ -43,6 +43,10 @@
 .mkwsCredo div.content {
     background: white;
     padding: 0.5em 1em;
+
+    // Next is needed to make this area grow to contain floated images.
+    // See http://www.quirksmode.org/css/clearing.html
+    overflow: auto;
 }
 
 .mkwsReference h1 {
@@ -55,3 +59,12 @@
     border: 2px solid #c0c0c0;
     padding: 0.5em;
 }
+
+.mkwsCredo .image .mkwsSummary {
+    float: left;
+}
+
+.mkwsCredo .image a {
+    text-decoration: none;
+}
+