burger menu icon
WillMaster

WillMasterBlog > Tips and Tricks

FREE! Coding tips, tricks, and treasures.

Possibilities weekly ezine

Get the weekly email website developers read:

 

Your email address

name@example.com
YES! Send Possibilities every week!

Getting Rid Of Default Form Tag Space

When a <form...> tag is used on a web page, it inserts a line break and a blank line by default. Both of those can be disabled with CSS.

The style display:inline; removes the line break. The style margin:0; removes the blank line.

This
is an example.

If the form is put within tags that default with their own line breaks and/or margins, like the p paragraph tag, its attributes may have an effect on the form tag.

Here is the code for the above example.

This 
<form 
   style="margin:0; display:inline;">
<input 
   type="submit" 
   value="Submit Button" 
   onclick="alert('example');return false;">
</form> 
is an example.

The styles display:inline; and margin:0; can be used individually or together in one style definition.

Will Bontrager

Was this blog post helpful to you?
(anonymous form)

Support This Website

Some of our support is from people like you who see the value of all that's offered for FREE at this website.

"Yes, let me contribute."

Amount (USD):

Tap to Choose
Contribution
Method


All information in WillMaster Blog articles is presented AS-IS.

We only suggest and recommend what we believe is of value. As remuneration for the time and research involved to provide quality links, we generally use affiliate links when we can. Whenever we link to something not our own, you should assume they are affiliate links or that we benefit in some way.

Recent Articles in the Library

Random Colored Circle

A colored circle changes its color to a randomly selected color from your list of colors.

Printed But Not Published

Include something that is not visible in the browser when someone prints your web page.

Download Link for Any File Type

Any file type can be downloaded with this link.

Secret Image File

An image can be loaded into a web page with its source URL never revealed.

Password Eye

All the code that is needed to implement an eye icon for a password field is here. Vital particulars have been addressed.

A Facebook Trick

How to make Facebook's bot rescan your page when you post or reply.

Form Debugging Assistant

Form Debugging Assistant is a handy tool. If you keep the JavaScript in a file on your server, it can be pulled into a web page whenever you need to debug a form.

How Can We Help You? balloons
How Can We Help You?
bullet Custom Programming
bullet Ready-Made Software
bullet Technical Support
bullet Possibilities Newsletter
bullet Website "How-To" Info
bullet Useful Information List

© 1998-2001 William and Mari Bontrager
© 2001-2011 Bontrager Connection, LLC
© 2011-2025 Will Bontrager Software LLC