CSSでテーブルの幅を調整する

テーブルを作成したのですが、変なふうに改行されてしました。ということで、CSSで幅を調整しました。こんな感じです。

table{
width: 100%;
} 

th.koumoku{
width: 20%;
} 

th.hensu{
width: 20%;
} 

th.atai{
width: 60%;
}

以下のサイトを参考にさせていただきました。
HTMLのtableでテーブル（表）を作る方法とCSSのデザイン調整解説

完成したサイトは以下のものです。
WEB接続環境確認