title: Sencha ExtJS Header Title Center Text
body: <p>Maybe this is just a case of me over thinking this but I have a panel and I have some text I want to put in the title but I want the text centered. I also want the default background (blue) and text color (white) changed to my custom style. I have successfully been able to change the background and text color but I cannot figure out how to center it in the panel. Here is my code below:</p>
  
  <pre><code>{ header: {xtype: 'header', margin:'5', baseCls: 'pnlName-header', title: { baseCls:'pnlName-header-header', text: '&lt;u&gt;Name:&lt;/u&gt;&lt;br&gt;Josh' }}, xtype: 'panel', flex: 15, layout: { type: 'vbox', align: 'center'}}
  
  .pnlName-header {
  color: #FF0000;
  font-family: tahoma,arial,verdana,sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-color: #FFFFFF;
  text-align:center;
  </code></pre>
  
  <p>}</p>
  
  <p>I am pretty sure it has to be something simple. Any help would be greatly appreciated.</p>
  
  <p>V/R,</p>
  
  <p>Josh</p>