Switched the layout of the statements from a table to css.

2 files changed, 40 insertions, 28 deletions

diff --git a/index.mdwn b/index.mdwn
index 6debeb16..50f3fb7f 100644
--- a/index.mdwn
+++ b/index.mdwn
@@ -9,26 +9,25 @@ Sections, no Front-Cover Texts, and no Back-Cover Texts.  A copy of the license
 is included in the section entitled
 [[GNU Free Documentation License|/fdl]]."]]"""]]
 
-<table><tr>
-<th>What is the GNU Hurd?</th>
-<th>What is the mission of the Hurd project?</th>
-</tr><tr>
-<tr><td id="what-is">
-The GNU Hurd is the GNU project's replacement for the Unix kernel.
+<div id="statements">
+<div id="what-is">
+<p class="statement-title">What is the GNU Hurd?</p>
+<p>The GNU Hurd is the GNU project's replacement for the Unix kernel.
 It is a collection of servers that run on the Mach microkernel
 to implement file systems, network protocols, file access control, and
 other features that are implemented by the Unix kernel or similar
 kernels (such as Linux).
-<em>[[More_detailed|hurd/what_is_the_gnu_hurd]].</em>
-</td>
-<td id="mission">
-Our mission is to create a free general-purpose kernel suitable 
+<em>[[More_detailed|hurd/what_is_the_gnu_hurd]].</em></p>
+</div>
+<div id="mission">
+<p class="statement-title">What is the mission of the Hurd project?</p>
+<p>Our mission is to create a free general-purpose kernel suitable 
 for the GNU operating system, which is viable for everyday use, 
 and gives users and programs as much control over their 
 computing environment as possible.
-<em>[[Our mission explained|community/weblogs/antrik/hurd-mission-statement]].</em>
-</td></tr>
-</table>
+<em>[[Our mission explained|community/weblogs/antrik/hurd-mission-statement]].</em></p>
+</div>
+</div>
 
 ---
 
diff --git a/local.css b/local.css
index b2f62f81..49930eb4 100644
--- a/local.css
+++ b/local.css
@@ -258,19 +258,32 @@ a:hover
   border-style: dotted;
 }
 
-#what-is {
-	width: 50%;
-	vertical-align: top;
-	text-align: justify;
-	padding-right: 1ex;
-	padding-top: 0.3em;
-	padding-bottom: 0.3em;
-}
-
-#mission {
-	vertical-align: top;
-	text-align: justify; 
-	padding-left: 1em;
-	padding-top: 0.3em;
-	padding-bottom: 0.3em;
+#statements 
+{
+  display: table;
+}
+.statement-title
+{
+  text-align: center; 
+  font-weight: bold;
+}
+#what-is 
+{
+  display: table-cell;
+  width: 50%;
+  vertical-align: top;
+  text-align: justify;
+  padding-right: 1ex;
+  padding-top: 0.3em;
+  padding-bottom: 0.3em;
+}
+
+#mission 
+{
+  display: table-cell;
+  vertical-align: top;
+  text-align: justify; 
+  padding-left: 1em;
+  padding-top: 0.3em;
+  padding-bottom: 0.3em;
 }