# Post formatting using   for tab indentations

**URL:** https://meta.discourse.org/t/post-formatting-using-nbsp-for-tab-indentations/393109
**Category:** Support
**Tags:** markdown
**Created:** [January 9, 2026, 8:03pm UTC](https://meta.discourse.org/t/post-formatting-using-nbsp-for-tab-indentations/393109 "2026-01-09T20:03:59Z")
**Posts on this page:** 1
**Showing post:** 8

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [January 10, 2026, 1:14am UTC](https://meta.discourse.org/t/post-formatting-using-nbsp-for-tab-indentations/393109/8 "2026-01-10T01:14:31Z")

</div>

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`

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

```

in your post:

```scss
<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`:

```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:

```scss

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

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

</div>

```

result using all of the above:

 ![Screenshot 2026-01-09 at 5.15.51 PM](https://global.discourse-cdn.com/meta/original/4X/4/1/f/41fc6ce5ee11da2054022554b3c9f0fafad19448.jpeg)

---

_[View the full topic](https://meta.discourse.org/t/post-formatting-using-nbsp-for-tab-indentations/393109)._