HTML & CSS css table - two rows - encyclopedia style

[nba-com]

Hello, I have bought wordpress encyclopedia plugin and want to make it simple and easy as you can see on this picture . They dont provide much customization so i would to make it look like this

.styled-table {
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 0.9em;
    font-family: calibri;
    min-width: 400px;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

<table class="styled-table" style="height: 308px;" width="1552">
<thead>
<tr>
<th style="text-align: left;">Name</th>
<th style="text-align: left;"></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Dom</strong></td>
<td>600</td>
</tr>
<tr class="active-row">
<td><strong>sloužíalskd</strong></td>
<td>§ůlaasdl ůkfů§laskd</td>
</tr>
<!-- and so on... --></tbody>
</table>

( 1,5% CSS skills )

wordpress editor looks like this



And this is result is not as bad but when i write longer text in the NAME box, it takes two rows , i dont know ho to format NAME FONT.. its different than others

Can you please help me write code for the box as you can see on the top ?
As Im using wordpress theme, there are few css styles already involved. Maybe it would be nice if you use names that cannot exist ;p

I tried.... really..

 

[nba-com]

Done. thank you