Float for Tables - AH367 - 075A_Float_for_Forms_1.html is the same as 075 file


FirstFormDev
AH367 shows this, which is different from what the given code produces.

The two lists of codes are the same. I did not know before.

The way you change appearance of the two pictures above is to reduce the body width.

The code for the second form style is shown below:

    fieldset {
     background-color: #AAAAFF;
     }
   label {
     float: left;
     width: 5em;
     text-align: right;
     margin-right: .5em;
     }
   input {
     background-color: #CCCCFF;
     float: left;
     }
   button {
     float: left;
     width: 10em;
     margin-left: 7em;
     margin-top: 1em;
     background-color: #0000CC;
     color: #FFFFFF;
     }

The code for the first form style is shown below:

   fieldset {
     background-color: #AAAAFF;
     }
   label {
     float: left;
     width: 5em;
     text-align: right;
     margin-right: .5em;
     }
   input {
     background-color: #CCCCFF;
     float: left;
     }
   button {
     float: left;
     width: 10em;
     margin-left: 7em;
     margin-top: 1em;
     background-color: #0000CC;
     color: #FFFFFF;
     }

4 vspaces