Как выровнять поля по горизонтали с помощью css

Может ли кто-нибудь подсказать мне, как выровнять эти поля по горизонтали. Я использую цикл и получаю ввод с помощью рендеринга url, как показано на скриншоте.

Скриншот.

Я не знаю, какие у вас HTML и CSS, но вы можете использовать flex, чтобы расположить их горизонтально. Если вы посмотрите на пример ниже, я задал моему бокс-контейнеру display из flex, чтобы сделать их горизонтальными. Вы также можете использовать flex-direction: row; для того, чтобы они оставались горизонтальными с помощью flex. Если есть что-то еще по этой проблеме, пожалуйста, скажите мне!

html, body {
width: 100%;
height: 100%;
}

.box {
width: 100px;
height: 80px;
background-color: green;
}

.box_container {
/*Making it horizontal*/
display: flex;
gap: 10%;
}
<html>
<body>
<div class="box_container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
</body>
<html>

Вернуться на верх