Qbasicnews.com

Ok, sorry to yet again bug yall about my website + problems, but i have a question.

Say I have assigned a CSS class to a paragraph tag <p>

and in that class, padding-left is set to 5%

but when the site renders, it only pads out paragraphs that extend beyond 1 line.

For example:

in stylesheet:

Code:
p.main {

  padding-right: 20%;

  padding-left: 5%;

  text-align: left;

  color: #666666;

  font-family: verdana;

  font-size: 7pt;

}

in htm doc:

Code:
<p class='main'>Hello This is one line</p><br><br>

<p class='main'>Hello this is more than one line, because it is a very logn sentence. blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </p>

this (^) renders to this in FF:

------

Hello this is one line

Hello this is more than one line, because it is a very long
sentence. blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah

-------

Is it supposed to only pad multi line paragraphs? How can i make it pad single lines?

Yet again, I don't get this problem in IE

KiZ