как выровнять заголовок слева в html в css?

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

Если вы хотите, чтобы выровнять заголовок таблицы в левой части страницы, попробуйте использовать свойство

text-align:left;

Css Как это:

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

Answer 2

Я не знаю, почему вы все еще хотите использовать таблицу, но вот ответ для t его HTML

набор h2 выравнивание влево

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

Answer 3

Попробуйте это.

h2{ 
    text-align:left; 
} 

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