[flexcoders] html text | TextArea | tag

[ilikeflex]

Hi

I want to have this kind of look
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_nestedlists2

I made the following in TextArea

<mx:TextArea id="txtAccounts" editable="false" borderThickness="1" 
condenseWhite="true" width="100%"  height="100%"  >
                        <mx:htmlText>
                                <![CDATA[
                                        <ul>
                                          <li>Coffee</li>
                                          <li>Tea</li>
                                            <ul>
                                            <li>Black tea</li>
                                            <li>Green tea</li>
                                              <ul>
                                              <li>China</li>
                                              <li>Africa</li>
                                              </ul>
                                            </ul>
                                          <li>Milk</li>
                                        </ul>
                                ]]>
                        </mx:htmlText>
                </mx:TextArea>

But i do not get the desired result.

Any pointers.

Thanks
ilikeflex