HTML 中，如何让元素在 aside 里横向排列？

要让元素在一个 aside 元素中横向排列，可以使用 CSS 的 `flexbox` 布局或者 `grid` 布局。以下是两种方法的示例：

使用 flexbox 布局：

<aside>
  <div class='container'>
    <div class='item'>元素1</div>
    <div class='item'>元素2</div>
    <div class='item'>元素3</div>
  </div>
</aside>

<style>
  .container {
    display: flex;
  }
  .item {
    flex: 1;
  }
</style>

使用 grid 布局：

<aside>
  <div class='container'>
    <div class='item'>元素1</div>
    <div class='item'>元素2</div>
    <div class='item'>元素3</div>
  </div>
</aside>

<style>
  .container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .item {
    padding: 10px;
  }
</style>

这两种方法都可以让元素在 `aside` 元素中横向排列，你可以根据具体的需求选择使用哪一种布局方式。