<!DOCTYPE html>
<html>
<head>
<style>
main { margin: 0;
padding: 5px;
background-color: lightgray;
}
main > h1, p, .browser { margin: 10px;
padding: 5px;
}
.browser { background: white;
}
.browser > h2, p { margin: 4px;
font-size: 90%;
}
</style>
</head>
<body>
<h1>main 元素 - 由 CSS 设置样式</h1>
<main>
<h1>最流行的浏览器</h1>
<p>Chrome、Firefox 和 Edge 是当今最常用的浏览器。</p>
<article>
<h2>Google Chrome</h2>
<p>Google Chrome 是由 Google 开发的网络浏览器，于 2008 年发布。Chrome 是当今世界上最流行的网络浏览器！</p>
</article>
<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox 是 Mozilla 开发的开源网络浏览器。自 2018 年 1 月以来，Firefox 一直是第二受欢迎的网络浏览器。</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge 是 Microsoft 开发的网页浏览器，于 2015 年发布。Microsoft Edge 取代了 Internet Explorer。</p>
</article>
</main>
</body>
</html>