Umbruch in Tabelle

[Dina]

Hi Leute!
Meine Tabelle, die ich erstellt habe, funktioniert so weit ganz gut. Es sind 3 Spalten und mehrere Zeilen.
Nun ist der Inhalt der zweiten Spalte nicht so lang, wie der der ersten und der Inhalt der ersten Spalte wird in die Zweite mit rein geschrieben.

Wie bekomme ich das hin, dass er automatisch umbricht?

Ich habe schon white-space ausprobiert, aber es will nicht ganz funktionieren.

th {  
 border-top: 1px solid black;  
 border-bottom: 1px solid black;  
 width: 33%;  
 font-family: Verdana;  
 text-align: left;  
 padding-top: 5px;  
 padding-bottom: 5px;  
}  
  
table {  
 border-collapse: collapse;  
 table-layout: fixed;  
}  
  
td {  
 font-family: Verdana;  
 padding-bottom: 5px;  
 padding-top: 5px;  
 font-size: small;  
}  
  
.ein_Name {  
 font-weight: bold;  
 padding-top: 10px;  
 font-family: Verdana;  
 white-space: pre-wrap;  
}

Html, die Zeile, die ich umbrochen haben will:

<tr>  
        <td class="ekb_fon_se2" colspan="4">Kammerdiener / Geschäftsmann</td>  
      </tr>  
      <tr class="ein_Name">  
        <td>Kammerdiener</td>  
        <td></td>  
        <td><span>Tag</span></td>  
        <td>58  
  
        </td>  
      </tr>

Danke an alle für eingehende Hinweise!

Gruß Dina