ASP.net HTML5 position image in centre of div

Hi. I am trying to position the image in the following div in my ASP.net project but it appears on the left

 <div style="float: left; width: 25%;" class="div" >
        <h1 style="font-family:'Century Gothic';font-size:16px">xxxxxxxxxxxxxxxxxxxxxx</h1>
     <h2 style="font-family:'Century Gothic';font-size:14px">xxxxxxxxxxxxxxxxxxxxxxxxxx</h2>    
     <p style="font-family:'Century Gothic';font-size:12px">
      Connecting all the users in your operation to a cloud SQL central database will bolster your data management, accelerate your processes and sharpen your decision making.</p>
        <p style="font-family:'Century Gothic';font-size:12px">
            xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx,
        </p>
<asp:Image ID="Image1" runat="server" Height="144px" ImageUrl="~/Resources/Cloud_Hub.jpg" Width="287px"  ImageAlign="Middle" />
        <p style="font-family:'Century Gothic';font-size:12px">
            &nbsp;</p>
 </div>