Как внутри flex для тега a задать inline?

А для чего p display: flex ?
Можно добавить для p flex-wrap: wrap; Таким образом ссылка не будет переноситься на новую строку. Но всю что идет после, будет на новой строке

сейчас пример выложу на codepen, видимо не понятно написано

Поясните, пожалуйста, для чего тут нужен флекс.

в вопросе дописал ссылку на полный пример

Присоединяюсь к вопросу (из чистого любопытства) - нафига же там flex???

Анатолий, Ответьте на вопрос: зачем p флекс?

Сергей delphinpro, для выравнивания

Анатолий, выравнивания чего?
Использовать тег параграфа для раскладки — это моветон.

Стоит рассмотреть вариант выравнивания самого параграфа, а не его содержимого.

Сергей delphinpro, Вы все равно предлагаете обертку, что <p></span></p>, что <div><p></div> это я не знаю как сделать!
Могу раскрыть пример еще шире. В Wordpress в редакторе добавлены кастом форматы для оформления. Редактор используется TinyMCE. Так вот там для формата можно задать обертку, можно div можно p, и содержимое будет в этом контейнере. Но нельзя добавить контейнер в контейнере. Могу конечно рабочий кусок сюда закинуть, но я думаю тут мало кто в этом разбирается.

Анатолий, Я уже понял, что это пользовательский контент.
Но по-хорошему, это так не делается.
Если подобные блоки нужно наполнять через админку, то для них не tinyMCE делается, а пилится кастомное поле для заполнения отдельных компонентов, в данном случае картинка + текст.
И уже эти поля вставляются в шаблон.

Сергей delphinpro, во-во, золотые слова.

Сергей delphinpro, можно пример?

Сменить tinyMCE на CKeditor, если у первого нет настроек.

Еще есть списки, в li он позволяет вкладывать p или div?