title: ExtJS Align Property for Item
body: <p>I have an item that looks like this:</p>
  
  <pre><code>items: [{
                  xtype: 'box',
                  html: '&lt;img src="http://chart.apis.google.com/chart?mychart" alt="" style="text-align:center" /&gt;',
                  name: 'first',
                  id: 'first',
                  align:'center',
                  style:
                  {
                      float:'left',
                      padding: '0px 0px 10px 0px',
                  },
                  width:'100%'
              }]
  </code></pre>
  
  <p>I am trying to get it aligned center, I have tried putting in a custom style (underneath padding:) but it says unrecognized character in "text-align". I've also tried putting align:'center' which isn't doing anything at all, but its not causing any errors.</p>
  
  <p>Last thing I did (getting desperate) I added in an inline-style for text align but the box that its inside needs the style not the actual html.</p>
  
  <p>I've tried looking through the documentation and couldn't find text-align under the style doc. </p>
  
  <p>Thanks!</p>