title: Flex align a image to the rightmost of the HGroup?
body: <ul>
  <li>Is there a way to align an image to the rightmost of HGroup, which is setted to 100% width ?</li>
  </ul>
  
  <p>here is my code, but it aligning the image "imageZoom" just after the object before it :</p>
  
  <pre><code>&lt;s:VGroup id="masterVGroup" width="100%"&gt;
          &lt;s:HGroup id="masterHGroup" gap="3" width="100%" verticalAlign="middle"&gt;
  
              &lt;s:SpriteVisualElement id="colorBox" width="12" height="6""/&gt;
  
              &lt;s:Label id="labelDisplay" text="delete"/&gt;
  
              &lt;s:Image id="imageZoom" 
                       right="2"
                       horizontalAlign="right"
                       source="{iconZOOM}"/&gt;
  
          &lt;/s:HGroup&gt;
  &lt;/s:VGroup&gt;
  </code></pre>