Why is my text formatting like this?

Question

Hi
I've set up my .css so that the <H2> is big and bold,
and that my <p> text is smaller and normal. The problem is
that I'm getting a line break gap between the two even when there's
not one in the HTML. There should be a space between the <p>
and <H2> (padding of 5), but not the <H2> and
<p>. The HTML is:
<h2>Designers - </h2>
<p>enter your designs</p>
<h2>Everyone -</h2>
<p>vote for your fav designs<br />
Here's the .ccs:
h2 {
font: Verdana, Arial, Helvetica, sans-serif;
color: #69DB33;
font-size:18px;
font-weight: bold;
text-align: center;
padding-top: 5px;
p {
text-align: center;
FONT-SIZE: 13px;
COLOR: #847d6e;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style: normal;
So it kinda looks like this (layout-wise):
Designers -
enter your designs
Everyone -
vote for your fav designs
instead of :
Designers -
enter your designs
Everyone -
vote for your fav designs
I know I could probably do all the formatting in HTML, but I
should be able to do it all in .css - can anyone help?
Cheers
Shaun

Answer 1

Your interpretation is correct. Show us the code where it is
not working
for you, please.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Reese" <[email protected]> wrote in message
news:esfsaq$ms9$[email protected]..
> "Joe Makowiec" <[email protected]> wrote in
message
>
news:[email protected]..
>> On 04 Mar 2007 in macromedia.dreamweaver,
celebritymusic wrote:
>>
>>> I've set up my .css so that the <H2> is
big and bold, and that my
>>> <p> text is smaller and normal. The
problem is that I'm getting a
>>> line break gap between the two even when there's
not one in the
>>> HTML. There should be a space between the
<p> and <H2> (padding of
>>> 5), but not the <H2> and <p>.
>>
>> You want margin, not padding. The diagram here might
make it clearer:
>>
>>
http://www.w3.org/TR/REC-CSS2/box.html
>
> According to that graph, if I apply a background on a
30px wide div and
> add 10px padding, the text inside will occuppy only 10px
(30px - (2 x
> 10px)), but an applied background would fill all 30px.
But every time I
> try it, the background image is just as limited as the
text is. I can't
> get the background to fill the padded area.
>
> How would I tell a DIV to push the text 10px off all
four sides, but
> continue to allow the background image to cover the
entire div?
>