有没有一种方法可以将菜单的一张图片和下面的片段放在一起？

<div class="container">
  <img src="menu-image.jpg" alt="菜单图片">
  <div class="menu-items">
    <p>菜单项1</p>
    <p>菜单项2</p>
    <p>菜单项3</p>
  </div>
</div>

.container {
  display: flex;
  align-items: center; /* 垂直居中对齐子元素 */
}

.menu-items {
  display: flex;
  flex-direction: column; /* 垂直排列子元素 */
  margin-left: 10px; /* 调整图片和菜单项之间的间距 */
}