html - テーブルヘッダーの下に水平線を配置する方法は?

Question

<hr />テーブルヘッダーの下に水平方向の罫線を配置しようとしています<th>が、ほとんど成功していません。これはハックなしで可能ですか？

これがHTML私が使用しているもので、これまでに試したことです

<div id="epd" class="editProfileDiv">    
    <form>
        <table align="center">
            <th> Profile Information </th>
            <tr> 
                 <hr />                  
            </tr>
            <tr>
                <td>Name: </td>        
                <td><input id="name" name="name" value="<?php echo $_SESSION['name'];?>" placeholder=" Jon Doe" type="text" class=""></td>
            </tr> 

そのコードはブラウザで次のように表示されます

----<hr/> is here----
 Profile Information
 Name:  <text input>

それから私はこれを試しました

<th> Profile Information </th>
<hr />                  
<tr><td> something here </td></tr>

まったく同じ結果<hr/>が得られ、テーブルヘッダーの上にあります

この...

<tr> 
  <td> <hr /> </td> // If I only use one it only spans half the width of the table
  <td> <hr /> </td>                  
</tr>

を<hr/>正しい場所に配置しますが、それらの間に明らかにギャップがあり、これは私が望んでいるものではありません。

これで、テーブル ヘッダーを使用することはできず、通常の段落または任意のテキストを使用して、必要に応じてスタイルを設定できることがわかりました。これは私を悩ませているので、この時点では単なるプリンシパルです。もう一度、質問: これは可能ですか?

Answer 1

これを試して：

<tr> 
  <td colspan="2"> <hr /> </td>      
</tr>