Displaying a well formatted table
        Posted  
        
            by 
                user1378680
            
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by user1378680
        
        
        
        Published on 2012-06-19T03:10:33Z
        Indexed on 
            2012/06/19
            3:16 UTC
        
        
        Read the original article
        Hit count: 180
        
Please take a look at the picture below. The header for the second column is displaying DISTRICT under SENATORIAL. But that's not the case for the 2nd and 3rd Rows under the 2nd Column. What I want to achieve is that words/strings should not ba able to extend width of the table....
The CSS I'm using is beneath.
table {
    width: 650px;
    font-family: calibri;
    word-wrap: break-word;
    margin-left: 115px;
}
th {
    padding: 3px;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    background-image: url(navbg.png);
    font-weight: normal;
    word-wrap: break-word;
    font-family: "Trebuchet MS";
}
Image:

© Stack Overflow or respective owner