Как в css сделать рамки в ряд, а не под друг другом?

Question

[Ян]

я хочу чтобы рамки были вот в таком порядке ( рамка, рамка, рамка) а не
(рамка
рамка
рамка)
сss код:
.language {
display: block;
width: 125px;
height: 150px;
margin: 10px;
padding: 10px;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #4B4B4B;
background-color: white;
border: 2px solid #E5E5E5;
border-radius: 10px;
font-size: 20px;
opacity: 0.9;
box-shadow: 1px 1px 7px #E5E5E5;
}
.language:hover {
background-color: #F1F3F4;
box-shadow: 3px 3px 7px #E5E5E5;
transition: 0.2s;
}

Answer 1

[Denis Minimal]

Оберни все элементы с классом language в один контейнер с классом container и в css укажи ему display: flex

Comments

[Ян]

спасибо

[Denis Minimal]

yanshabalin1. Еще можно так
.language{display: inline-block}