Help with Wrapping h3

[dziner]

I have an h3 tag that runs onto a second line. The h3 has a style of padding-left: 5px, but the second line extends back outside of that 5px padding. Is there an easy fix for this?

[BonRouge]

Can you show us? Sounds a bit odd.

[elduderino]

Hi,

Is it only happening in IE? Try giving the h3 layout if it is:

/* mac hide \*/
* h3 {height:1%}
/* end hide*/

Some code or s link would probably help if that doesnt work

[dziner]

Ahhah! I figured it out. This page is using inline styles (I know, I know)...

The code was this:

<div class="contentsection">
<h3><a href="#" style="color:#003273; text-decoration:none; padding-left: 5px;">Title of section</a></h3>
<p style="padding-left:5px;">Paragraph info... blah blah blah...</p>
<p style="padding-left:5px;"><a href="#">Read More &gt; </a></p>
</div>

As you can see, the padding-left was applied to the anchor tag, not the h3. So I fixed that.

Now I have:

<div class="contentsection">
<h3 style="padding-left: 5px;"><a href="#" style="color:#003273; text-decoration:none;">Title of section</a></h3>
<p style="padding-left:5px;">Paragraph info... blah blah blah...</p>
<p style="padding-left:5px;"><a href="#">Read More &gt; </a></p>
</div>