Как разместить слово и стрелку?

Question

[Anomaly_Phoenix]

https://www.figma.com/file/6RXOfpz0iqrGUvhMQis0Rp/...
это ссылка на работу в фигма нужно сделать часть с "ночей" и "туристов" я не могу разместить слово со стрелкой

<div class="days_nights"><div class="nights">Ночей</div><image src="icons/Arrow_1.png" class="arrow_1"></div>

.days_nights{
    position: relative;
    margin-top: 16px;
    margin-left: 10px;
    height: 65px;
    width: 220px;
    border-radius: 30px;
    border: 2px solid black;;
}

.nights{
    position: absolute;
    top: 50%;
    bottom: 50%;
    padding: 22px 79px;
    font-weight: 400;
}

.arrow_1{
    float: left;
    padding: 39px 25px 30px 190px;
}

Comments

[Степан Крапивин]

а где вёрстка, в которой не получилось? Выложи в codepen, будет проще помочь

[Ankhena]

Гуглить по запросу "стилизация select".
Но для начала хорошо бы знать, select у вас там или какая-то его замена.

Так что лучше сделайте codepen так, чтобы было понятно, что вы творили и где не получилось.

[Anomaly_Phoenix]

Степан Крапивин, Вот пожалуйста

[Noder SS]

Я наверное плохо понял, но замените тег image на img

Answer 1

[Anomaly_Phoenix]

Разместил с помощью absolute и inset. Вроде все нормально