html - css line-height and font-size behavior -


i trying figure out why piece of code (http://jsfiddle.net/konark/5jujc/) renders different in ckeditor (as jsfiddle) , web browser. need line-height , font-size under separate span tags. order of span tags not alter rendered text in web browser. however, alter results in ckeditor (jsfiddle well).

i realize ckeditor/jsfiddle wraps code in iframe, unable find concrete reason difference in behavior.

here 2 pieces trying test in browser , jsfiddle:

<body>    <span style="line-height:8pt;">     <span style="font-size:34pt;">       <span style="color:#008000">this sample text. change appearance based on style selections.       </span>     </span>   </span> <br /> <br /> <br /> <span style="font-size:34pt;">   <span style="line-height:8pt;">     <span style="color:#008000">this sample text. change appearance based on style selections     </span>   </span> </span> 

any thoughts appreciated. thanks!


Comments

Popular posts from this blog

css - I want to align grid in center -

Contact Form PHP Email Script -

python - SWIG function not printing output -