Aesthetics

[inverse-tax] / tax.html
diff --git a/tax.html b/tax.html

index 8a149b4ac2b39bf35d7d42b9ff2126af3cf8e07c..73aa260c38d10c4def3845cbe85c77b68c5f6e93 100644 (file)
--- a/tax.html
+++ b/tax.html
@@ -7,6 +7,8 @@
    td { padding: .5em; vertical-align: top}
    textarea { height: 12em; }
    input { width: 7em }
    td { padding: .5em; vertical-align: top}
    textarea { height: 12em; }
    input { width: 7em }
+  .output { padding: 1em; background-color: #eee; border: thin solid #888; width: max-content;  }
+  .privacy_policy { margin-top: 5em; }
  </style>
  </head>
  <body onload="calculate()">
  </style>
  </head>
  <body onload="calculate()">
@@ -57,11 +59,13 @@ Desired after-tax salary</br>
  </table>
  </form>
  
  </table>
  </form>
  
-<p><strong><span id="before_tax"></span> before tax</strong>
-   - <span id="tax_1"></span> federal tax
-   - <span id="tax_2"></span> state tax
-   = <span id="after_tax_verification"></span> after tax.</p>
+<p class="output">
+  <strong><span id="before_tax"></span> before tax</strong>
+  - <span id="tax_1"></span> federal tax
+  - <span id="tax_2"></span> state tax
+  = <span id="after_tax_verification"></span> after tax.
+</p>
  
  
-<p>Privacy policy: All calculations are client-side; no figures are sent to any server.</p>
+<p class="privacy_policy">Privacy policy: All calculations are client-side; no figures are sent to any server.</p>
  </body>
  </html>
  </body>
  </html>