How to adjust a div position?

Flex doesn't support apply CSS styles to TLF elements, unfortunately. In order to get the proerty to apply, you have to set it directly on the <div> element, as in div.paddingRight = 100;

Hope this helps,

- robin

I am now able to "move" a div left or right by assigning it 2 columns.  However I am unable to answer my first 2 questions:

Is it ok for me to convert 'data' as TEXT_LAYOUT_FORMAT?

Why aren't CSS styles being applied?

Below is my updated sample showing how to "move" the div.  This works well with InlineGraphicElement too.

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
                  xmlns:s="library://ns.adobe.com/flex/spark" 
                  xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="500" minHeight="500" creationComplete="application1_creationCompleteHandler(event)">
     <fx:Style>
          @namespace s "library://ns.adobe.com/flex/spark";
          @namespace mx "library://ns.adobe.com/flex/mx";
          
          .body
          {
               font-size: 18;     
          }
          
     </fx:Style>
     
     <fx:Script>
          <![CDATA[
               import flashx.textLayout.compose.StandardFlowComposer;
               import flashx.textLayout.container.ContainerController;
               import flashx.textLayout.container.ScrollPolicy;
               import flashx.textLayout.conversion.TextConverter;
               import flashx.textLayout.elements.FlowGroupElement;
               import flashx.textLayout.elements.TextFlow;
               import flashx.textLayout.formats.Direction;
               import flashx.textLayout.formats.TextLayoutFormat;
               
               import mx.events.FlexEvent;
               
               import spark.core.SpriteVisualElement;
               
               
               private var textFlow:TextFlow;
               
               private var xml:XML =           <flow>
                                                          <div>
                                                                 <p id='body'>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>     
                                                          </div>
                                                          <div styleName='divRight'>
                                                                 <p>Hello.</p>
                                                          </div>
                                                    </flow>
               
               protected function application1_creationCompleteHandler(event:FlexEvent):void
               {
                    convertXMLToTextFlow(xml);
               }

               private function convertXMLToTextFlow(xml:XML):void
               {
                    var sprite:SpriteVisualElement              = new SpriteVisualElement();
                    var container:ContainerController           = new ContainerController(sprite, 500, 500);
                    
                    var data:String = "<TextFlow xmlns='http://ns.adobe.com/textLayout/2008'>"+xml.children()+"</TextFlow>";
                    
                    textFlow = TextConverter.importToFlow(data, TextConverter.TEXT_LAYOUT_FORMAT);
                    textFlow.flowComposer                     = new StandardFlowComposer();
                    textFlow.formatResolver                     = new CSSFormatResolverTLF();
                    textFlow.flowComposer.addController(container);                    
                    
                    splitDivElements();
                    
                    group.addElement(sprite);

                    textFlow.flowComposer.updateAllControllers();
               }
               
               private function splitDivElements():void
               {
                    var divRightTags:Array = textFlow.getElementsByStyleName("divRight");
                    for each(var divElement:FlowGroupElement in divRightTags)
                    {
                         divElement.columnCount = 2;
                         divElement.columnWidth = 250;
                         divElement.direction = Direction.RTL;
                    }
               }
          ]]>
     </fx:Script>
     
     <s:Group id="group"/>

</s:Application>