Доброго времени суток, у меня имеется несколько (2,3,4 или более) элементов внутри div, выглядит это вот так: <div id="mydiv" style="overflow:hidden;"> <a href="#" style="display:inline;"><img src="https://i1.wp.com/rockislandvillage.com/wp-content/uploads/2017/03/fpo400x300.png" alt="1" ></a> <a href="#" style="display:inline;"><img src="https://i1.wp.com/rockislandvillage.com/wp-content/uploads/2017/03/fpo400x300.png" alt="2" ></a> </div> Как видно, был применен "display:inline;" к внутренним элементам, а также "overflow:hidden;" к родительскому div, при этом если общая ширина элементов больше, чем ширина этого div, то элементы выстраиваются друг под другом, а не в линию. А мне надо всегда в линию, а если не помещаются, то пусть непомещаемая часть будет скрыта, то есть hidden Вот здесь пример (можно менять размер окна с результатом и видеть этот эффект) - https://jsfiddle.net/672nacph/. Как решить данную задачу в css?