Html 如何在一个Div中内联两个图像Div？

我很难把两个div都放在一起，大家有什么建议吗？我在CSS中尝试的一切都不像Float（img-1）：Left和Float（img-2）：Right，display:inline block等

<div class="multimedia-img"> 
  <div class="img-1">  
    <a href="https://www.youtube.com/">
    <img src="images/youtube.png" style="width: 200px; height: 140px;">
    </a>
  </div>
  <div class="img-2">
    <a href="https://www.ted.com/talks">
    <img src="images/ted.png" style="width: 200px; height: 160px;">
    </a>
  </div>
</div>

---

尝试添加显示：内联块

 .multimedia-img{
   ....
   display: inline-block;
   ....
 }

浮动

浮动两个div并清除父元素，例如使用

overflow:hidden

.multimedia-img {
  overflow: hidden;
}

.img-1, .img-2 {
  float: left;
}

Flexbox

将父级设置为
display:flex

.multimedia-img {
   display: flex;
}

在这里，我想你想这样做


html

<div class="multimedia-img"> 
  <div class="img">  
    <a href="https://www.youtube.com/">
    <img src="images/youtube.png" style="width: 200px; height: 140px;">
    </a>
  </div>
  <div class="img">
    <a href="https://www.ted.com/talks">
    <img src="images/ted.png" style="width: 200px; height: 160px;">
    </a>
  </div>
</div>

您可以同时执行以下两项操作：

。多媒体img{
显示：内联；
}
.img-1，
.img-2{
显示：继承；
}

或：

.img-1，
.img-2{
显示：内联；
}
我建议使用Flexbox。很简单：）

如果您可以发布CSS标记，这将非常有用。谢谢。我已经发布了我的CSS，希望这会更有帮助。
<div class="multimedia-img"> 
  <div class="img">  
    <a href="https://www.youtube.com/">
    <img src="images/youtube.png" style="width: 200px; height: 140px;">
    </a>
  </div>
  <div class="img">
    <a href="https://www.ted.com/talks">
    <img src="images/ted.png" style="width: 200px; height: 160px;">
    </a>
  </div>
</div>

.img {
    display: inline-block;
}