title: Flex MX text doesn't vertically align, but other components do
body: <p>I have the following code layout in mxml. The button will be positioned correctly in the middle, but the text remains anchored to the top. This is not the behavior of the spark component label, but I need multiple style runs in the text and have found the mxText component to be the best solution...</p>
  
  <pre><code>&lt;s:Group&gt;
      &lt;s:layout&gt;
          &lt;s:HorizontalLayout verticalAlign="middle" gap="0" /&gt;
      &lt;/s:layout&gt;
      &lt;mx:Text id="title" 
               htmlText="{sourcecodehere}" 
               width="212" 
               height="55"
               textAlign="center"
  
               /&gt;
      &lt;s:Button id="getNow" 
                label="Get Now" skinClass="skins.CustomButton"
                 verticalCenter="middle"
                click="getNowEventHandler()" /&gt;
  
  
  &lt;/s:Group&gt;
  </code></pre>
  
  <p>I am using Flex 4, I know I should probably be using a spark text component, but I was just so comfortable with the implementation of htmlText I don't want to move on...</p>