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: 138

Filed under:
|
|

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

Related posts about html

Related posts about css