CSS 5图像左对齐，边框高度为100％

Question

我有5个图像，我希望它们向左浮动并保持在一条线上而不将图像移动到下一行，我还想要一个100％的边框我已经成功完成了这个显示：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>

和CSS

.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;}

https://jsfiddle.net/5sw538t7/