dynamic text filed

Hi
Trying to find a method to make a textArea dynamic in width in an itemRenderer

<?xml version="1.0" encoding="utf-8"?>

<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx"

autoDrawBackground="false"

width="100%" height="100%">

<s:TextArea id="sentenceArea" width="{sentenceArea.text.length}" height="100%" editable="false" fontSize="22">

<s:p>

<s:linkHoverFormat>

<s:TextLayoutFormat color="#0066FF" />

</s:linkHoverFormat>

<s:linkNormalFormat>

<s:TextLayoutFormat color="#000000"/>

</s:linkNormalFormat>

<s:a click="playClip(event)" >

{data.text.toString()}

</s:a>

</s:p>

</s:TextArea>

</s:ItemRenderer>

________________________________

Disclaimer: This electronic mail and any attachments are confidential and may be privileged. If you are not the intended recipient, please notify the sender immediately by replying to this email, and destroy all copies of this email and any attachments. Thank you.