I have the following HTML page:

<html>
<head>
<title>Page</title>
</head>
<body>
<table width="100%">
<tr>
<td width="50%">
11111111111111111111111111111111111111111111111111111111111111111111111111111112222222222222222222222222222222222222222222222222222222222222222222222222222222
</td>
<td width="50%">
1111111111
</td>
</table>
</body>
</html>

I wish it to fit the screen 100% (and no more).
And each table data had exactly 50% width.
How can I do it?