разрыв строки ckeditor с использованием <p>

Question

Я использую ckeditor, и он разрывает новую строку, используя <p>.

Но я хочу вывести в html с помощью начальной загрузки.На изображении нет разрыва строки.

И я попытался использовать <br>, и ckeditor заменил его на <p>.

Как можно написатьCSS для изображений в теге <p>, чтобы быть разрыв строки?

Answer 1

.block {
  padding-top: 20px;
  display: block;
}
p {
  font-size: 16px;
}

<div class="block">
  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
  <img src="https://image.ibb.co/k18JpK/images_20.jpg">
</div>

Пожалуйста, проверьте код выше, если вы берете свойство блока, оно приходит в виде блока, в противном случае вы должны принять этотег в HTML для разрыва строки.

Answer 2

Запустите этот фрагмент и посмотрите результат, надеюсь, он поможет вам в вашей проблеме.

img{
display:block;
}

<p>this is some text here<img src="#" alt="myimage">
</p>