如何在html中并排放置四个图标？

<div id="icon-container">
  <!-- 这里放置四个图标 -->
</div>

#icon-container {
  display: flex;
  flex-direction: row; /* 水平方向排列 */
}

<div id="icon-container">
  <img src="icon1.png" alt="图标1">
  <img src="icon2.png" alt="图标2">
  <img src="icon3.png" alt="图标3">
  <img src="icon4.png" alt="图标4">
</div>

#icon-container img {
  width: 50px; /* 设置图标宽度 */
  height: 50px; /* 设置图标高度 */
  margin-right: 10px; /* 设置图标之间的右边距 */
}