Incorrect formating of <LI> and <P> html in simple components (eg. div)

[unger]

I am tying to put an ordered number list (using <ol>) or unordered bulleted list (using <ul>) in the html of a div or group element via   this.div21.setHtml("<ul><li>one</li><li>two</li></ul>"). The text appears but I never get any bullets or numbers on the line. Also when is use <p> tags in html I don't seem to get proper formatting either.  Do I need to apply a CSS class? or do something to wrap this html?

[linb]

Yes, you need extra CSS.

[unger]

Thanx for a prompt reply... however I am still having a little trouble understanding !

I assume I will have to create a CSS class using something like:

   linb.CSS.addStyleSheet('.normallist{list-style: circle;}','normallist')

The question is then how do I apply this style with the linb component (dialog, group etc.) that the html is inserted in ?
Do I specify a class on the <ul class=normallist> or do I specify it on the code that creates the component ? Or use a custom class on the component ?  A brief example would really be very helpful.

[linb]

linb.CSS.addStyleSheet('.normallist li{list-style: circle;}', 'normallist')
this.div21.setCustomClass('KEY','normallist').setHtml("<ul><li>one</li><li>two</li></ul>")