嗨!如何将div背景图像与<ul>并排放置，但不使用FLOAT。仅用每个元素的宽度

div, ul {
  display: inline-block;
}

div {
  width: 50%;
  background-image: url('背景图像地址');
  background-size: cover;
}

ul {
  width: 50%;
  list-style-type: none;
}

.container {
  display: flex;
}

div {
  flex: 1;
  background-image: url('背景图像地址');
  background-size: cover;
}

ul {
  flex: 1;
  list-style-type: none;
}

.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

div {
  background-image: url('背景图像地址');
  background-size: cover;
}

ul {
  list-style-type: none;
}