Looks like you just missed setting a width on your <mx:Text> component. Once you explictly set a width, it should wrap. (the text component you have named/ID'd as "t" in your code does not have a width set.
Thank you for the reply, but when I am looking for wordwrap i couldnot find that property inside the text tag. If you got can yousend me the fixed code.
well, it's more of a behavior, for lack of a better word, of the component's width (rather than a documented property) You won't find it in the class definition. So, you just need to set the width. In your code, you originally had;
<mx:Text id="t" fontWeight="bold" htmlText="You can format the text in a Text control using HTML tags,which are applied after the control's CSS"/>
you just need to set the width for that component, something like <mx:Text id="t" width="100%" . . . /> just as you did with the others. As soon as I set a width on it, it wrapped.
* note, after setting the width, be sure to 'refresh' your design view to update your changes.