Webmaster Forum / HTML, CSS, Scripts / CSS / April 2005

I have a specific situation where I am applying padding to text inside of a
"P" tag, where if the text wraps then the second line of text ignores the
padding. Here is a snippet of what I am doing:

<style TYPE="text/css" TITLE="patient_info">
div.questionDiv {
 border: 1px solid #CCCCCC;
 width:100%;
}
p.questionHeaderLabel {
 margin-left:10;
 top: -11px;
 background-color:white;
 position:relative;
 font-size:14pt;
 display: inline; }
</style>

<div class="questionDiv">
<p class="questionHeaderLabel">TESTTESTTESTTEST TESTTESTTESTTEST
TESTTESTTESTTEST TESTTESTTESTTEST TESTTESTTESTTEST TESTTESTTESTTEST
TESTTESTTESTTEST TESTTESTTESTTEST TESTTESTTESTTEST TESTTESTTESTTEST </p>
</div>

The only way that I can get the wrapped lines of text to follow the padding
is if I set the display setting to 'block' instead of 'inline', but for this
situation, using a block display ruins the frame effect that I am trying to
create (as you can see). If I use a block display, the "P" tag expands to
cover the entire top portion of the frame, even if the text inside the "P"
tag is very small.

So how can I maintain the frame effect and still make wrapped text follow my
padding rule?

Jonathan