如何在下一行显示div内容，而不是在可折叠的<a>中显示内联

<style>
  div {
    display: block;
  }
  a {
    display: inline;
  }
</style>
<div>
  这是一个<div>内容</div>
  <a>链接</a>
</div>

<style>
  .container {
    display: flex;
    flex-wrap: wrap;
  }
  .container > * {
    flex: 0 0 100%;
  }
</style>
<div class="container">
  <div>这是一个<div>内容</div></div>
  <a>链接</a>
</div>