Форматирование постов с использованием   для отступов табуляции

[Lilly (Lillian)]

Я дам вам несколько быстрых советов по форматированию CSS для постов в стиле блога.

Вы делаете отступы неправильно. Правильный способ сделать это с помощью CSS выглядит так (стандарт отступа — 2em):

в common.scss

[data-theme-indent="indent"] {
    text-indent: 2em;
}

в вашем посте:

<div data-theme-indent="indent">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam 
</div>

Также, если вы хотите применить другое форматирование для изображений и выравнивания:

в common.scss:

[data-theme-image="left"] {
    float: left;
    img {
      margin: 0 1em 0 0;
      border-radius: 6px;  
    }
}

[data-theme-image="right"] {
    float: right;
    img {
      margin: 0em 0em 0em 1em;
      border-radius: 6px;
    }
}

в вашем посте:

<div data-theme-image="left">

![image|330x314, 50%](upload://8zsmHfqxlU5IrqSywrinvyDfhOx.png)

</div>

результат с использованием всего вышеперечисленного: