Как поместить <div> в текст внутри <p> в html + css?

Итак, у меня есть текст, написанный в <p>, и я хочу добавить <div> (содержащее слово) в середине текста, точно так же, как и кодовые блоки.

В моем случае есть небольшой сдерживающий момент: <p> aligned-center и, следовательно, имеет float: none.

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

Я попытался поместить div внутри <code>, но он не сработал (даже подумал, что работает простое слово).