title: Aligning a text on an extjs label
body: <p>I am new to extjs.I am designing a pop up window which basically populates some data from the server.I have used the layout as 'fit' and I am using labels for displaying the data.Here is my code</p>
  
  <pre><code>win = new Ext.window.Window({
      title: 'Data point details',
      layout: 'fit',
      width: 'auto',
      height: 500,
      modal: false,
      closeAction: 'destroy',
      layout: {
          type: 'table',
          // The total column count must be specified here
          columns: 2,
          rows :10 ,
          tdAttrs:
              {
                  style:
                  {
                      margin: '160px',
                      valign: 'top' ,
                      padding: '8px' ,
                      'font-size' : '12px'
                  }
              }
  
  
      },
      defaults: {
                      bodyPadding: 10 ,
  
                      },
      items: [
              {
              xtype: 'label',
              text: 'Element : ' ,
  
              style:
                  {
  
                      'font-weight':'bold',
                      'labelAlign' : 'right',
  
                  }
              },
              {
              xtype: 'label',
              text: elementname 
              },
  
  
  
              {
              xtype: 'label',
              text: 'Expression: ' ,
              style:
                  {
  
                      'font-weight':'bold',
  
                  }
              },
              {
              xtype: 'label',
              text: s.expressionName 
              },
              {
              xtype: 'label',
              text: 'Profile: ' ,
              style:
                  {
  
                      'font-weight':'bold',
  
                  }
              },
              {
              xtype: 'label',
              text: s.profileName 
              },
  
  
              {
              xtype: 'label',
              text: 'Time:',
              style:
                  {
  
                      'font-weight':'bold',
  
                  }
              },
              {
              xtype: 'label',
              text: Highcharts.dateFormat('%a, %b %e, %Y, %I:%M %p  ', this.x)
              },
  
              {
              xtype: 'label',
              text: 'Value:',
              style:
                  {
  
                      'font-weight':'bold',
  
                  }
              },
              {
              xtype: 'label',
              text: yvalue ,
              },
  
              {
                  xtype: 'box',
                  style : {
                  padding: '0px',
                  height: '90px',
                  //background : 'white',
                  },
                  html: new Ext.XTemplate("&lt;div style=\"height:150px;\"&gt;{value}")
                        .apply({value: me.htmldiv.innerHTML })
              },
                                                           ]
      });
                                                  win.show();
  </code></pre>
  
  <p>I want the columns which appear on the left hand side to have their text on the right,but the text is always towards the left for all the cells it seems .Likw for example the label which has the text 'Element' appears to be on the left.I have used labelalign but it does not work.Kindly give suggestions</p>