Как сделать список в ряд?

Question

[Ришат Султанов]

Добрый день.
Как сделать данный список таким, чтобы он был в ряд.

<ul style="padding-top: 10px;width: 35px;">
                <li><a href="#" target="_blank"><img src="/img/facebook.svg"></a></li>
                <li><a href="#" target="_blank"><img src="/img/facebook.svg"></a></li>
            </ul>

Картинка

Пытался сделать display: inline-block не помогло, также vertical-align: top

Answer 1

[Егор Лавренов]

Для ul сделай display:flex;

Answer 2

[Anton Filippov]

а чему вы присваивате inline-block? нужно присваивать ul > li

https://jsfiddle.net/avh6vuh9/

+ конкретно для вашего случая

Ну и в таких размерностях пришлось уменьшить font-size до 0 у ul, чтобы из-за неявных пробелов элементы не переносились на другую строку.

---

friendly recommendation

ну и вообще лучше используйте классы, чтобы при использовании ul/li в другом месте они потом у вас неожиданно не поехали)