I’ll give you some quick CSS formatting tips you can use for blog-style posts.
you’re doing indentation wrong. the proper way to do it with CSS is like this (indentation standard is 2em):
in common.scss
[data-theme-indent="indent"] {
text-indent: 2em;
}
in your post:
<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>
Also, if you want to do some other formatting with images and alignment:
in 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;
}
}
in your post:
<div data-theme-image="left">

</div>
result using all of the above:
