htmlテーブルの開始時の余分なスペース

Question

誰かが私のHTMLテーブルに余分なスペースがあるのを助けてくれますか？ https://jsfiddle.net/dg4z8rou/1/

Dear mohammad,<br/><br/>Thank you for your recent Research and Education Week 2017 abstract submission. Your abstract was copyedited for capitalization and spelling and the change(s) made can be viewed in the “Edited Abstract” column below. Please contact research@sh.org if you have any issues with your edited abstract. <br/><br /> 
<table style="border:1px solid black;width:100%;padding:0 8px;border-collapse: collapse "> 
<tr> 
<th style="border: 1px solid black ;">Original Abstract</th> 
<th style="border: 1px solid black ;">Updated Abstract</th> 
</tr> 
<tr> 
<td style="border: 1opes are equally important to adolescents and parents.</td></tr></table>} 

あなたが更新抽象下にそのタイトルが2行の空白の後に開始されて見ることができます：ここに私のバイオリンです。私はどこから来るのか分からない。

Answer 1

TDのCSSプロパティ 'vertical-align'がありません。デフォルトでは、この値は「ベースライン」に設定されています。そのため、上部に余分なスペースがありますが、下部に余分なスペースがあります。

td { 
    vertical-align: top 
} 

ここで更新フィドルです：https://jsfiddle.net/dg4z8rou/3/

Answer 2

は、あなたの最近の研究教育ウィーク2017アブストラクト提出いただきありがとうございます。あなたの要約は大文字とスペルのためにコピーされ、変更は下の「編集概要」の列で見ることができます。編集した要旨に問題がある場合は、research@sh.orgまでご連絡ください。 オリジナル抽象 更新抽象 }

Answer 3

また、あなたは、TD自体にVALIGN属性を使用することができます。

<td style="border: 1px solid black ;" valign="top">