Мне нужно поместить полосу прокрутки в центре div. Как мне выполнить sh, убедившись, что элементы внутри div правильно отображаются?
<div class="container">
<div class="child"></div>
<div class="child"></div>
</div>
.container {
overflow-y: scroll;
width: 80%;
height: 200px;
background: #eaa;
padding: 10px;
margin: auto;
}
.child {
display: inline-block;
width: 40%;
height: 400px;
background: #aae;
margin-left: 5%;
}
https://codepen.io/pragy/pen/RwPjpvX
I wi sh чтобы это выглядело так: https://i.imgur.com/kKUXYzo.png, чтобы полоса прокрутки была в центре, а дети вокруг нее.
Есть ли способ сделать это без javascript