Removing Space Around Forms

The easiest and most effective way to eliminate unwanted text around your web forms is to use a snippet of CSS code. Below we show you the inline CSS code and the external (recommended) CSS method. If you are not familiar with the different methods of CSS and how or when to use them, be sure to read our article, "External, Internal or Inline? Which Method is Best?"

Inline CSS:
<form style="margin-top: 0; margin-bottom: 0;">

External CSS (place code within your external style sheet):
.form { margin-top: 0; margin-bottom: 0; }

Both methods simply reduce the form margins to 0.