Css 即使调整了窗口的大小，如何将两个元素内联放置？

我想要这两个元素：

无论窗口是否水平调整大小，始终在一行中。因为现在它们分成两行，就像在这个屏幕上：

我试着让一个元素向左浮动，另一个元素向右浮动，但不起作用

请你给我一个提示怎么做？

---

谢谢

2个内联元素可以保留在侧面，无论它们有多大房间，如果您设置为“父级”

white-space:nowrap;

---

不要忘记将

空白

重置为

正常

儿童：）

诀窍是使用

最大宽度：100%和
高度：在
img
标签上自动


HTML

<div class="wrapper">
    <div class="left">
        <img src="http://placehold.it/600x600" alt="">
    </div>
    <div class="right">
        <img src="http://placehold.it/600x600" alt="">
    </div>
    <div class="clr"></div>
</div>

.wrapper {
    width:50%;
    margin:0 auto;
    border:1px solid red;
}
.left {
    width:50%;
    float:left;
}
.right {
    width:50%;
    float:right;
}
.clr {
    clear:both;
}
img {
    max-width:100%;
    height:auto;
}