Line height problem if multiple font-size in a row in IE

[wes_brooks]

Hello expert,

I have spent a lot of time to dig out how to specify the line-height in IE if there are multiple font-size used within one single paragraph. In Firefox is fine, but in IE, the first line and second line just squeeze together.

<p class="bodystyle_paragraph"><span style="font-size:120%; font-style:bold; color:#903;">Paul Riderson </span>practices preventive testing for integrated care with combination of spelling, dadasdsa dasdasda fasdsadas efwed ddqwdqw dqweq qweqw dqweq edqweqe eqweqw eqweqweqw eqweqwerqweqweqw dqweqweqw eqweqweqwe ewqeqwe eqweqweqw ewqeqeqwe dsaasda dasdsadas dasasdcas dasdasd</p>

[wes_brooks]

The line height problem has been fixed. Now I figure out that this problem is only on IE on XP and Visita when an image is embedded inside <p>. IE8 on Windows 7 does not have this problem. I modified the codes as below:

<p class="bodystyle_paragraph"><img src="../images/others/store_image2.jpg" class="home" style=" width:200px; height:267;" alt="Store Image" longdesc="../../images/others/store_image2.jpg"><span style="font-size:120%; font-style:bold; color:#903; line-height:140%;">Paul Riderson </span>practices preventive testing for integrated care with combination of spelling, dadasdsa dasdasda fasdsadas efwed ddqwdqw dqweq qweqw dqweq edqweqe eqweqw eqweqweqw eqweqwerqweqweqw dqweqweqw eqweqweqwe ewqeqwe eqweqweqw ewqeqeqwe dsaasda dasdsadas dasasdcas dasdasd</p>

[Author]

Posts