Creator : Formatting help - ZML to HTML

I need some assistance with making a HTML panel look the same as a ZML panel, however my HTML skills are severely lacking and I can't get it to look the same. This is visually how the two panels look side by side :

And this is the ZML code for the panel on the right

<panel>
<pr height='fill' width='fill'>
    <pc width='100%'>
      <pr height='50px' width='fill'>
        <pc width='100%' bgColor='#404040' hAlign='center' vAlign='middle'>
          <pr height='auto' width='auto'>
            <pc>
              <text type='Text' value='Heading' size='15px' color='#FFFFFF' bold='true' marginLeft='20px' marginRight='20px'> </text>
            </pc>
          </pr>
        </pc>
      </pr>
      <pr height='fill' width='fill'>
        <pc width='50%' bgColor='transparent' padding='5px' hAlign='center'>
          <pr height='auto' width='auto'>
            <pc>
            </pc>
          </pr>
        </pc>
      </pr>
    </pc>
</pr>
</panel>