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

user interface - How to replace the Python logo in a Tkinter-based Python GUI app? -

objective c - Greedy NSProgressIndicator Allocation -

how to set an OCR language in Google Drive -