practice

<html>

<body style="border:4px solid black;border-style:dotted;text-align:center;padding:20px;">
<div style="border:2px solid red;">大見出し</div>
<br>
<div style="border:1px solid blue;"><br>画像 - 1<br>　</div>
<br>
<div style="border:1px solid magenta;"><br>　<br>　<br>画像 - 2<br>　<br>　<br>　</div>
<br>
<div style="border:1px solid lime;">画像 - 3　　　　|　　　　画像 - 4</div>
<br>
<div style="border:1px solid red;">小見出し - 1　　　　|　　　　小見出し - 2</div>
<br>
<div style="border:1px solid blue;">画像 - 3 タイトル　　　|　　　画像 - 4 タイトル</div>
<br>
<div style="border:1px solid purple;">画像 - 3　キャプション　　|　　画像 - 4　キャプション<br>
■□□□□□□□□　　　|　　　■□□□□□□□□<br>
■□□□□□□□□　　　|　　　■□□□□□□□□</div>
<br>
<table align="center" border="1">
<caption style="border:1px solid green;">テーブル・キャプション</caption>
<tr>
<th>　　　■□□□□□□□□　　　</th><th>　　　■□□□□□□□□　　　</th><th>　　　■□□□□□□□□　　　</th>
</tr>
<tr>
<td>　　　■□□□□□□□□　　　</td><td>　　　■□□□□□□□□　　　</td><td>　　　■□□□□□□□□　　　</td>
</tr>
<tr>
<td>　　　■□□□□□□□□　　　</td><td>　　　■□□□□□□□□　　　</td><td>　　　■□□□□□□□□　　　</td>
</tr>
</table>
<br>
<div style="border:1px solid blue;border-style:dotted;">フッター</div>
<br>
<div style="border:1px solid red;border-style:dotted;">　　　■□□□□□□□□　　　|　　　■□□□□□□□□　　　</div>
</body>

</html>