この場合には、あなたがCSSテーブルレイアウト
div {
display: table;
}
h4 {
display: table-row;
}
h4 span {
display: table-cell;
}
<div>
<h4> Candidate Name <span>: Random data</span></h4>
<h4> Branch <span>: Lorem</span></h4>
<h4> Position <span>: Lorem ipsum dolor</span></h4>
<h4> Reference Name <span>: Random data</span></h4>
<h4> Reference Phone # <span>: Random data</span></h4>
<h4> Reference Company <span>: Random data</span></h4>
<h4> Reference Job Title <span>: Random data</span></h4>
<h4> Relationship to Employee <span>: Random data</span></h4>
</div>
を使用することができますので、これは表形式のデータのように見えます
またはあなたのHTMLを変更し、ちょうどテーブルあなたはもっと自分自身を説明する必要が
<table>
<tr> <td>Candidate Name </td> <td>: Random data</td></tr>
<tr> <td>Branch</td> <td>: Lorem</td></tr>
<tr> <td>Position </td><td>: LOrem ipsum dolor</td></tr>
<tr> <td>Reference Name </td> <td>: Random data</td></tr>
<tr> <td>Reference Phone #</td> <td>: Random data</td></tr>
<tr> <td>Reference Company</td> <td>: Random data</td></tr>
<tr> <td>Reference Job Title</td> <td>: Random data</td></tr>
<tr> <td>Relationship to Employee </td><td>: Random data</td></tr>
</table>
を使用することができます。希望する結果の画像を投稿します。 –
それは望ましい効果です! – Pugazh