Как разместить изображение SVG X пикселей в div, используя css?

Question

У меня есть несколько блоков div, каждая из которых имеет разную ширину.

Как разместить изображение svg в 10 пикселях справа от каждого элемента div?

Я пробовал использовать проценты, но это не сработало.

Ниже приведен мой код:

select {
    background-image: url(caret-down.svg);
    background-repeat: no-repeat;
    background-position: 92% 50%;
}

Таким образом, это центрирует SVG по вертикали и на 92% слева от div.

Answer 1

хорошо, я исправил это во время поиска ...

select {
    background-image: url(caret-down.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
}