<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>位置指定</title>
<style>
.a,.b,.c,.d,.e{
width:3em;height:3em;
}
.a{
background:#dcdcdc;
}
.b{
background:#c0c0c0;
}
.c{
background:#808080;
}
.d{
background:#696969;color:#C0C0C0;
}
.e{
background:#000000;color:#C0C0C0;
}
div.base{
width:13em;height:15em; border:5px red solid;
background:#FFF;
}
</style>
</head>
<body>
<h1>位置指定</h1>
<article>
<h2>基本問題</h2>
<figure>
<div class="base">
<div class="a">A</div>
<div class="b">B</div>
<div class="c">C</div>
<div class="d">D</div>
<div class="e">E</div>
</div>
</figure>
</article>
</body>
</html>