SillyDog701

[Don_HH2K]

I was wondering if I can control the spacing on H4 elements via CSS. Example: I currently have an H4 element used in the following way up at my website:


I'd like to make it look like this:


Is that possible? I'd like to keep the H4 element in place instead of using a SPAN element. Or, if necessary, can I take off the spaces on both the top and the bottom and use a BR element to get the space?

P.S. Sorry for the bad-looking screenshot job, the most advanced (and only) image editor on this machine is MSPAINT.

UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US; rv:1.8a6) Gecko/20050111

[Antony]

Is that possible? I'd like to keep the H4 element in place instead of using a SPAN element. Or, if necessary, can I take off the spaces on both the top and the bottom and use a BR element to get the space?

Just use [tt]margin-top[/tt] or [tt]margin-bottom[/tt]. For example,

Code: Select all

H4 { font-size: 12px; font-weight: bold; margin-top: 2px; margin-bottom: 5px;}

If you want to control all 4 sides, you can use [tt]margin[/tt]. (Of course [tt]margin-left[/tt], [tt]margin-right[/tt] both work)
Note the syntax of [tt]margin[/tt], if you specify one value, it applies to all 4 edges; two values, first one for top and bottom, second one for left and right; three values, first (top), second (left and right), third (bottom); four values, orders are top, right, bottom, and left.

UserAgent: Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en) AppleWebKit/125.5.6 (KHTML, like Gecko) Safari/125.12