title: How do I vertically center text in a Panel in ExtJS?
body: <p>I am trying to vertically center some text in an ExtJS Panel.  I have this as a kludge but I want to know the right way?</p>
  
  <pre><code>var instructions = new Ext.Panel(
      {
          height: 40,
          items: [
              {
                  html: '&lt;br&gt;To access an Aircraft Profile, please highlight a row in the table and select the N-Number hyperlink displayed in the summary below the table'
              }]
      });
  </code></pre>
  
  <p>Here is what I ended up implementing using the answer below:</p>
  
  <pre><code>var instructions = new Ext.Panel(
      {
          height: 40,
          layout: 'hbox',
          layoutConfig: {
              align: 'middle'
          },
          items: [
              {
                  xtype: 'displayfield',
                  value: 'To access an Aircraft Profile, please highlight a row in the table and select the N-Number hyperlink displayed in the summary below the table'
              }]
      });
  </code></pre>