Index: /www/study/part3.html
===================================================================
--- /www/study/part3.html	(revision 2005)
+++ /www/study/part3.html	(revision 2006)
@@ -89,5 +89,5 @@
 <p style="text-align: center;">
   <img src="fig3-2-1.png" width="160" height="80"
-       style="margin-right: 30px;" alt="Fan" />
+       class="matrix" alt="Fan" />
   <img src="out3-2-1.png" width="256" height="256"
        class="inline" alt="Fan error diffusion" />
@@ -101,5 +101,5 @@
 <p style="text-align: center;">
   <img src="fig3-2-2.png" width="200" height="120"
-       style="margin-right: 30px;" alt="Jarvis, Judice and Ninke" />
+       class="matrix" alt="Jarvis, Judice and Ninke" />
   <img src="out3-2-2.png" width="256" height="256"
        class="inline" alt="Jarvis, Judice and Ninke error diffusion" />
@@ -113,5 +113,5 @@
 <p style="text-align: center;">
   <img src="fig3-2-3.png" width="200" height="120"
-       style="margin-right: 30px;" alt="Stucki" />
+       class="matrix" alt="Stucki" />
   <img src="out3-2-3.png" width="256" height="256"
        class="inline" alt="Stucki error diffusion" />
@@ -124,5 +124,5 @@
 <p style="text-align: center;">
   <img src="fig3-2-4.png" width="200" height="80"
-       style="margin-right: 30px;" alt="Burkes" />
+       class="matrix" alt="Burkes" />
   <img src="out3-2-4.png" width="256" height="256"
        class="inline" alt="Burkes error diffusion" />
@@ -139,5 +139,5 @@
 <p style="text-align: center;">
   <img src="fig3-2-5.png" width="200" height="120"
-       style="margin-right: 30px;" alt="Sierra" />
+       class="matrix" alt="Sierra" />
   <img src="out3-2-5.png" width="256" height="256"
        class="inline" alt="Sierra error diffusion" />
@@ -148,5 +148,5 @@
 <p style="text-align: center;">
   <img src="fig3-2-6.png" width="200" height="80"
-       style="margin-right: 30px;" alt="Sierra" />
+       class="matrix" alt="Sierra" />
   <img src="out3-2-6.png" width="256" height="256"
        class="inline" alt="Sierra error diffusion" />
@@ -157,5 +157,5 @@
 <p style="text-align: center;">
   <img src="fig3-2-7.png" width="120" height="80"
-       style="margin-right: 30px;" alt="Sierra" />
+       class="matrix" alt="Sierra" />
   <img src="out3-2-7.png" width="256" height="256"
        class="inline" alt="Sierra error diffusion" />
@@ -170,5 +170,5 @@
 <p style="text-align: center;">
   <img src="fig3-2-8.png" width="160" height="120"
-       style="margin-right: 30px;" alt="Atkinson" />
+       class="matrix" alt="Atkinson" />
   <img src="out3-2-8.png" width="256" height="256"
        class="inline" alt="Atkinson error diffusion" />
@@ -182,5 +182,5 @@
 <p style="text-align: center;">
   <img src="fig3-2-9.png" width="280" height="160"
-       style="margin-right: 30px;" alt="Stevenson-Arce" />
+       class="matrix" alt="Stevenson-Arce" />
   <img src="out3-2-9.png" width="256" height="256"
        class="inline" alt="Stevenson-Arce error diffusion" />
Index: /www/study/part2.html
===================================================================
--- /www/study/part2.html	(revision 2005)
+++ /www/study/part2.html	(revision 2006)
@@ -117,5 +117,5 @@
 <p style="text-align: center;">
   <img src="fig2-3-2.png" width="160" height="160"
-       style="margin-right: 30px;" alt="4×4 Bayer matrix" />
+       class="matrix" alt="4×4 Bayer matrix" />
   <img src="out2-3-1.png" width="256" height="256"
        class="inline" alt="4×4 Bayer dithering" />
@@ -129,5 +129,5 @@
 <p style="text-align: center;">
   <img src="fig2-3-3.png" width="160" height="160"
-       style="margin-right: 30px;" alt="4×4 cluster dot matrix" />
+       class="matrix" alt="4×4 cluster dot matrix" />
   <img src="out2-3-2.png" width="256" height="256"
        class="inline" alt="4×4 cluster dot dithering" />
@@ -140,5 +140,5 @@
 <p style="text-align: center;">
   <img src="fig2-3-4.png" width="200" height="120"
-       style="margin-right: 30px;" alt="4×4 cluster dot matrix" />
+       class="matrix" alt="4×4 cluster dot matrix" />
   <img src="out2-3-3.png" width="256" height="256"
        class="inline" alt="4×4 cluster dot dithering" />
Index: /www/main.css
===================================================================
--- /www/main.css	(revision 2005)
+++ /www/main.css	(revision 2006)
@@ -19,5 +19,5 @@
 }
 
-body,td,h1,h2,h3,p {
+body, td, h1, h2, h3, p {
   font-family: serif;
 }
@@ -112,7 +112,17 @@
 }
 
-img.inline {
+img.inline, img.inlinetop {
   border: solid 2px #88aa77;
   padding: 2px;
+}
+
+img.inlinetop {
+  vertical-align: top;
+}
+
+img.matrix {
+  vertical-align: top;
+  margin-right: 30px;
+  margin-top: 10px;
 }