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

1. <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>
   

Can anyone assist, please ?