title: Custom ExtJS widget extending Ext.Component adds a div
body: <p>I am creating an ExtJS widget which extends Ext.Component. The following is the sample code.</p>
  
  <pre><code>Ext.define('test.widget',{
      extend: 'Ext.Component', 
  
      initComponent: function() {             
          this.callParent();              
      },
  
      onRender: function() {  
          this.callParent(arguments); 
                     Ext.create('Ext.form.Label', {
          html: '&lt;img src="Available.png" /&gt;&amp;nbsp;Test',
          renderTo: me.renderTo
          }); 
      }
  
  });
  </code></pre>
  
  <p>The above widget renders into the browser as below</p>
  
  <pre><code>&lt;div id="ext-comp-1014" class="x-component x-component-default" role="presentation"&gt;&lt;/div&gt;
  &lt;label for="" id="label-1028" class="x-component x-component-default" role="presentation"&gt;&lt;img src="Available.png" &gt;&amp;nbsp;Test&lt;/label&gt;
  </code></pre>
  
  <p>How do I get rid of the div tag? or is there any way to convert the div to span?</p>