@easycode
не боюсь задавать глупые вопросы ))

Как заставить списки обтекать картинку внутри PDF, который генерируется из HTML?

Имеется, сайт на WordPress с плагином: DK PDF, который генерирует PDF-файлы для записей.

Всё отлично работает, кроме того, что UL(OL)-списки ни в какую не хотят "обтекать" картинку с левой и с правой стороны.

Вот пример кода:

<h3>Приготовление:</h3>
<img class="size-medium wp-image-2241 alignright" src="http://ast.partizzan.ru/wp-content/uploads/2017/07/pop2-300x182.jpg" alt="" width="300" height="182" />
<ol>
 	<li>Изначально разморозьте и промойте брокколи в большом количестве воды, разберите на веточки.</li>
 	<li>Подготовленную капусту отправьте в разогретую сковородку, влейте водицу, посолите и тушите треть часа на минимальном огне.</li>
 	<li>В сковородку отправьте сметану, перемешайте и готовьте пять минут.</li>
 	<li>Подавая к столу, тушеные брокколи посыпьте специями и разложите в порционные тарелки.</li>
</ol>
Для ускорения размораживания брокколи достаньте из упаковки, выложите в глубокую посуду и залейте водой. Позже воду слейте, а капусту после мойки используйте по назначению


Вот так всё выглядит на сайте:
jKgYmq9dS6qmbz-v0dL70g.png
а вот так в PDF-файле:
oZWmyuTQToycwnR1eYKNwg.png

как видите пункт 2 не становится сразу после 1-го - а хотелось бы что бы было именно так!

в настройках самого плагина прописан такой CSS-код:
.alignright {
    float: right;
    margin: 10px 0px 10px 20px;
}
.alignleft {
    float: left;
    margin: 10px 20px 10px 0px;
}


может кто-нибудь сталкивался? как решить?
  • Вопрос задан
  • 42 просмотра
Пригласить эксперта
Ответы на вопрос 1
DDolgy
@DDolgy
Распи***й
попробуй инлайново указать
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы