Html CSS 5图像与100%高度边框左对齐

我有5个图像，我希望它们向左浮动并停留在一行上，而不将图像移动到下一行，我还希望边框向右100%。我已经成功地使用display:flex实现了这一点，但是flex在IE 11中无法正常工作

这是我的HTML

<div class="col-md-12 award-logos">
                    <div class="wrapper">
                        <img src="https://www.hsjaa.com/images/joomlart/demo/default.jpg"  />
                    </div>
                     <div class="wrapper">
                        <img src="https://www.hsjaa.com/images/joomlart/demo/default.jpg"  />
                    </div>
                     <div class="wrapper">
                        <img src="https://www.hsjaa.com/images/joomlart/demo/default.jpg"  />
                    </div>
                     <div class="wrapper">
                        <img src="https://www.hsjaa.com/images/joomlart/demo/default.jpg"  />
                    </div>
                     <div class="wrapper">
                        <img src="https://www.hsjaa.com/images/joomlart/demo/default.jpg"  />
                    </div>

                </div>

---

plunkr plz，不要使用plunkr，先使用堆栈片段，然后使用JSFIDLE或CodePen。另外，.您可以使用

内联块

和

空白：nowrap

来代替，这样行吗？假设我理解最终目标，

flex

在ie11@MichaelCoker内联块中可以很好地工作，但我升级了你的小提琴，我在奖项徽标周围的边框不包含图像

.award-logos { border: 1px solid #ccc; }

.award-logos .wrapper {padding: 10px 30px;margin:5px 0;text-align:center;border-right:1px dotted #000; float: left;}

.wrapper img {max-height:150px; padding;}