Моего пункт <p> начинается с некоторой <img> в нем, так p:first-letter не относится к тексту, который приходит после <img>The: первые письма читают <img> теги
Это делает работу, если я удалю <img>.
https://jsfiddle.net/zg93usfn/
Это невозможно
См w3.org
:: первой буквы псевдо-элемент представляет собой первую букву в элемента, если он не предшествует любому другому содержанию (например как изображения или встроенные таблицы) на своей линии.
Вы можете обернуть текст в любой нейтральной HTML тег, а затем использовать расстояние между буквами. Это единственный способ решить эту проблему с помощью CSS.
Да ... что вы ожидали? Если вы помещаете изображение там, то ':: first-letter' больше не применяется. –
Зачем вам нужно поместить изображение в ваш абзац, если вы просто поместите разрыв строки после изображения. Почему бы не поставить изображение вне и над абзацем без разрыва строки. –