html - cssのhtmlでヘッダーを左に揃える方法は?

Question

ヘッダーをページの左側に配置しようとしていますが、ページの中央に配置されています.cssを使用して中央に配置するにはどうすればよいですか? ページの左側にテーブル ヘッダーを配置する css プロパティはありますか?

私のコード

<style type="text/css">

body {
   margin: 0;
   padding: 0;
}


#gobutton {
    padding:5px 25px; 
    color:#0000ff;
    font-size:1.1em;
}

</style>
<table align="center">
    <tr>
        <td>
            <h2>
                <img src="lock.jpg"  width="80" height="30"/>
                Login Form 
            </h2>
        </td>
    </tr>
    <tr>
        <td>
            <table>  
                <form name="new" action=""  onsubmit="">
                    <tr>
                        <td> <p>User name:<p> </td>
                        <td><input type="text"></td>
                    </tr>
                    <tr>
                        <td><p>Password:<p></td>
                        <td><input type="text"></td>
                   </tr>
                   <tr>
                       <td colspan="2" align="center">
                           <input id="gobutton" type="submit" value="Go!"/>
                       </td>
                   </tr>
               </form>
           </table>
       </td>
   </tr>
</table>

Answer 1

ページの左側にテーブル ヘッダーを配置する場合は、css プロパティを使用してみてください。

text-align:left;

このような ：

<h2 stlye="text-align:left;"><img src="lock.jpg"  width="80" height="30"/>Login Form</h2>

Answer 2

これを試して。

h2{
    text-align:left;
}

<h2 id="h2">
 <img src="lock.jpg"  width="80" height="30"/>Login Form 
 </h2>