如何将3色块HTML与CSS放在一起

<div class="container">
  <!-- 三个色块的代码将放在这里 -->
</div>

.container {
  display: flex;  /* 使用flex布局 */
}

.block {
  width: 100px;  /* 设置色块的宽度 */
  height: 100px;  /* 设置色块的高度 */
}

.red {
  background-color: red;  /* 设置红色 */
}

.green {
  background-color: green;  /* 设置绿色 */
}

.blue {
  background-color: blue;  /* 设置蓝色 */
}

<div class="container">
  <div class="block red"></div>  <!-- 红色色块 -->
  <div class="block green"></div>  <!-- 绿色色块 -->
  <div class="block blue"></div>  <!-- 蓝色色块 -->
</div>