<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>応用問題</title>
<style>
div{
font-size:1.5rem;
margin:0.5rem 1rem;
padding:0.5rem;
}
<!--
作成例 http://kyoto-edu.sakura.ne.jp/weblesson/website/exercises/7.css_box/no1.html と同等の表示になるようにスタイルを設定せよ
-->
</style>
</head>
<body>
<h1>応用問題</h1>
<article>
<h2></h2>
<figure>
<div class="a">div classA</div>
<div>
<div>div</div>
<div class="a">div classA</div>
<div class="b">div classB</div>
<div class="b" id="x">div classB idX</div>
<div class="important">重要なこと</div>
</div>
</figure>
</article>
</body>
</html>