hello goodbye

cssの変更のみでtable表示のように

以下のようにcssを変更すると

labelが左、入力フィールドが右に来て、table表示のようになります。

$ svn diff cake.generic.css
Index: cake.generic.css
===================================================================
— cake.generic.css (revision 10)
+++ cake.generic.css (working copy)
@@ -241,12 +241,23 @@
clear: left;
margin: 0 20px;
}
+/*
form div {
clear: both;
margin-bottom: 1em;
padding: .5em;
vertical-align: text-top;
}
+ */
+form div {
+ clear: left;
+ display: block;
+ width: 600px;
+ zoom: 1;
+ margin: 5px 0 0 0;
+ padding: 1px 3px;
+}
+
form div.input {
color: #444;
}
@@ -265,6 +276,16 @@
font-size: 110%;
padding-right: 20px;
}
+form div label {
+ display: block;
+ float: left;
+ width: 130px;
+ padding: 3px 5px;
+ margin: 0 0 5px 0;
+ text-align: right;
+}
+
+/*
input, textarea {
clear: both;
display: block;
@@ -272,7 +293,9 @@
font-family: “frutiger linotype”, “lucida grande”, “verdana”, sans-serif
;
padding: 2px;
/* width: 100%; */
+/*
}
+*/
select {
clear: both;
font-size: 120%;