Encountering issues with nested divs in Chrome and IE, while Firefox works smoothly.
The outer div has both text-indent and margin-top styles set. The inner div's display style is block, so the content after it should appear on a new line without any indentation. This behavior is observed in Firefox but not in Chrome/IE, where text appears with indentation. Moreover, assuming that the content inherits the style attributes of its corresponding div is not accurate - only text-indent is inherited, not margin-top. Can you help me understand where I might be going wrong?
Here is the HTML code snippet:
<div style="text-indent:50px; margin-top:100px">
Initial text in outer div. More text typed here. Still more text typed here. More and more text typed here. Still more text typed here just to fill the content so that the para wraps to more than one line. More filler text. More filler text. More filler text. More filler text. More filler text. More filler text. More filler text.
<div style="text-indent:0px;">Text in inner div. More text typed here. Still more text typed here. More and more text typed here. Still more text typed here just to fill the content so that the para wraps to more than one line. More filler text. More filler text. More filler text. More filler text. More filler text. More filler text. More filler text.</div>
remaining text in outer div. More text typed here. Still more text typed here. More and more text typed here. Still more text typed here just to fill the content so that the para wraps to more than one line. More filler text. More filler text. More filler text. More filler text. More filler text. More filler text. More filler text.
</div>
Thank you
Srikanth