如何在div中包装一组html元素

<div>
  <h1>标题</h1>
  <p>段落内容</p>
  <img src="image.jpg" alt="图片">
</div>

<nav>
  <a href="#">链接1</a>
  <a href="#">链接2</a>
  <a href="#">链接3</a>
</nav>

<style>
  .wrapper {
    border: 1px solid #ccc;
    padding: 10px;
  }
</style>

<div class="wrapper">
  <h1>标题</h1>
  <p>段落内容</p>
  <img src="image.jpg" alt="图片">
</div>