trを50%で2カラムの横並びにしたいです

Question

######試してみたCSS

.table>tbody>tr{
 display:block;
 width:50%;
 float:left;
}

.table>tbody>tr{
 display:inline-block;
 width:50%;
 float:left;
}

こちらのコードですと、高さがとれないため
borderが中途半端な長さになってしまいます。

2カラムにして

.table>tbody>tr:nth-child(odd){
	border-right: 1px solid #f4f4f4;
}

として、見栄えを良くしたいです。

######現状のコード

<table class="table">
					<tbody>
						<tr>
							<th scope="row">コメントコメントコメント</th>
							<td>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</td>
						</tr>
						<tr>
							<th scope="row">インタビュアー</th>
							<td>名前</td>
						</tr>
						<tr>
							<th scope="row">日時</th>
							<td>2018年2月26日</td>
						</tr>
						<tr>
							<th scope="row">備考</th>
							<td>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</td>
						</tr>
					</tbody>
	</table>

.table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.table>tbody>tr>th{
    border-top: 1px solid #f4f4f4;
}

.table>tbody>tr>th,.table>tbody>tr>td{
    border-top: 1px solid #f4f4f4;
}

#####追記

画像引用先はコチラです。

Comments

[s8_chu]

どのような見栄えにしたいのかもう少し詳細を追記していただけませんか？

[ssk]

情報を追記致しました。

Answer 1

trを横並びにしなければならないのでしょうか。
代わりに例えば以下のようにして実現できませんか。

<tr>
	<th>テキスト</th>
	<td>テキスト</td>
	<th>テキスト</th>
	<td>テキスト</td>
</tr>

Comments

[ssk]

ありがとうございます。
やはり、組み直すしか方法はなさそうですか。。