How to display three different sized columns in HTML -

How to display three different sized columns in HTML -

i creating html webpage, , have 3 columns on page. 1 sidebar, 1 main page, , 1 sidebar on left side well.

http://postimg.org/image/5sd87ktbf/00734539/

in end, want link above.

my code looking this:

<table> <tr> <td><a href=" ">hotels</a></td> <td rowspan=3>" text "></td> <td><a href=" ">movieland >/a</td> <tr> <table>

i sense bit off track, help much appreciated.

just give width css.

class="snippet-code-css lang-css prettyprint-override">table { width: 100%; height: 200px; } td { vertical-align: top; } .content { background-color: lightgray; } .sidebar { width: 100px; } class="snippet-code-html lang-html prettyprint-override"><table> <tr> <td class="sidebar">sidebar</td> <td class="content">content</td> <td class="sidebar">sidebar</td> </tr> </table>

html