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)
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
Silent Notes
Once implemented, this system is a nice logger when occurrences of extra-important events on a web page need to be counted.
JavaScript and URL Parameters
A URL parameter in a browser's address bar can be used with JavaScript.
Closer Image
Hover and the image appears to come closer to the surface of the web page.
Database Table Dump
Database Table Dump can be used to view database table information without accessing the domain control panel.
Valid File Name Characters
Most simple printable characters are valid within file names. Some are not.
Image Hue Shift
Shift the hues of an entire image with this CSS rule.
Inspecting HTML Tags
Software to inspect meta and link tags that might have changed after the web page was loaded.