HTMLでは table に align属性というものがありますが、これは廃止方向にありますので、見栄えに関する部分ということで CSS の floatプロパティが望ましいです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title>成績表比較</title>
<style type="text/css">
table.examination{
border-collapse: collapse;
margin-right: 1em;
}
table.examination,
table.examination td,
table.examination th{
border-width: 1px;
border-style: solid;
border-width: #000;
width: auto;
}
table#examination01{
float: left;
}
table#examination02{
float: right;
}
</style>
</head>
<body>
<table summary="第1回試験" class="examination" id="examination01">
<thead>
<tr>
<th scope="col">名前</th><th scope="col">得点</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">出木杉英才</th><td>100</td>
</tr>
<tr>
<th scope="row">野比のび太</th><td>0</td>
</tr>
</tbody>
</table>
<table summary="第2回試験" class="examination" id="examination02">
<thead>
<tr>
<th scope="col">名前</th><th scope="col">得点</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">出木杉英才</th><td>100</td>
</tr>
<tr>
<th scope="row">野比のび太</th><td>10</td>
</tr>
</tbody>
</table>
<p>当クラスの二人の生徒のテスト成績表を抜き出しました。</p>
</body>
</html>
ここは HTML の質問板ですので、CSSに関する疑問などが新たに発生した場合はスタイルシート質問板へどうぞ。
