Значок SVG и тег p в одной строке внутри div ⇐ CSS

[Anonymous]

Я хочу, чтобы значок находился рядом с первой буквой текста.
Я попытался стилизовать p-тег с помощью «поля; 0». Тогда этот код работал как хотелось. Однако я хотел бы удалить стилизованный тег P и использовать стиль только для элемента div. Я пробовал использовать flex-start и т. д.
Визуально это то, что мне нужно:
[img]https://i.sstatic .net/9nNNwayK.png[/img]

Код:

Код: Выделить всё

.wrapper {
margin-bottom: 5px;
background-color: gray;
display: flex;
}

.icon {
background-color: red;
border-radius: 50%;
height: 20px;
scale: .8;
width: 20px;
}

.text {
margin: 0;
}

Код: Выделить всё

This is my div

Как мне действовать? Я здесь не для того, чтобы использовать числа с плавающей запятой...

Подробнее здесь: https://stackoverflow.com/questions/792 ... side-a-div