<div>
I guess the simplest way will by overriding the original margins:<br />
<br />

<pre><code class="code-1 nolinks" id="code-20-41465973-1"><span>cke_editable ol, cke_editable ul, {</span>
<span>margin: 0 !important;</span>
<span>}</span>
</code></pre>
</div>


<div>
Doesnt seem to be working probably because these nodes are inside an iframe... and if i apply a rule like that it will get applied on my parent DOM
</div>


<div>
Hi Alexandre,<br />
Thanks your solutions works perfect.<br />
Just want to ask you one more thing.. in case say i use contents.css for modification as you suggest.<br />
How to document this ? Is there any standard way to document these type of things... ?
</div>


<div>
Documentation is a cultural thing.<br />
I mean, there's no way to prevent someone from replacing the contents.css, even if it's documented somewhere that it should be handled with care.<br />
<br />
But there are other options, you're not alone here :)<br />
I just discovered that CKEditor actually supports adding CSS files!<br />
<a href="http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-addContentsCss" rel="ugc">http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-addContentsCss</a><br />
<br />
Try to add your custom CSS file in this way, from the documentation, it seems like the official way to do it.<br />
<br />
Let me know!
</div>


<div>
Wow.. thats seems really a good option...
</div>


<div>
<div class="content wysiwyg-content">
Hi,<br />
In my web application an iframe gets loaded from a third party js.<br />
Inside it there are some ol and ul tags which are getting margin of 14px top and bottom.<br />
This most probably is coming from the browser.<br />
How can i get rid of these margins ?<br />
Here is the screen shot : <br />
<a href="https://filedb.experts-exchange.com/incoming/2016/02_w08/1081638/Screen-Shot-2016-02-15-at-10.05.48-P.png" target="_blank" title="Screen-Shot-2016-02-15-at-10.05.48-P.png (149 KB)"><img alt="Screen-Shot-2016-02-15-at-10.05.48-P.png" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2016/02_w08/800_1081638/Screen-Shot-2016-02-15-at-10.05.48-P.png" /></a><br />
The third party library i am loading is basically ckeditor and demo can be seen at <a href="http://ckeditor.com/demo" rel="ugc">http://ckeditor.com/demo</a><br />
If you type in the editor with bulltet or numbering tools... you will see in the firebug that <b>ul</b> and <b>ol</b> elements are getting generated with top and bottom margins... I am loading this ckeditor inside my web application.... and want to keep them to 0. But they are loaded inside iframe....<br />
Thanks
</div>
</div>


Screen-Shot-2016-02-15-at-10.05.48-P.png

Hi,
In my web application an iframe gets loaded from a third party js.
Inside it there are some ol and ul tags which are getting margin of 14px top and bottom.
This most probably is coming from the browser.
How can i get rid of these margins ?
Here is the screen shot : 


The third party library i am loading is basically ckeditor and demo can be seen at http://ckeditor.com/demo (http://ckeditor.com/demo)
If you type in the editor with bulltet or numbering tools... you will see in the firebug that ul and ol elements are getting generated with top and bottom margins... I am loading this ckeditor inside my web application.... and want to keep them to 0. But they are loaded inside iframe....
Thanks

Get rid of margin on ul and ol tags inside an iframe

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.