# Vertical lines for indents

**URL:** <https://forum.obsidian.md/t/vertical-lines-for-indents/442>\
**Category:** Feature archive\
**Created:** [May 25, 2020, 1:01pm UTC](https://forum.obsidian.md/t/vertical-lines-for-indents/442 "2020-05-25T13:01:58Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![anthonybullard](https://forum.obsidian.md/user_avatar/forum.obsidian.md/anthonybullard/32/1018_2.png) [@anthonybullard](https://forum.obsidian.md/u/anthonybullard)\
**Post date:** [June 9, 2020, 2:58am UTC](https://forum.obsidian.md/t/vertical-lines-for-indents/442/6 "2020-06-09T02:58:24Z")

</div>

Here’s the Result:

 ![Screen Shot 2020-06-08 at 9.56.35 PM](https://forum.obsidian.md/uploads/default/original/2X/7/7b3e6c92f52f65c7c8d051a7e78dc4858e7ffd5c.png)

Here’s the CSS:

```
/* ----------------- */
/* List guides CSS */
.cm-hmd-list-indent > .cm-tab {
  border-left: 1px solid rgba(33, 33, 33, 0.8); // The color could be var(--text-faint) or similar
  margin-left: 3px;
}

.cm-s-obsidian pre.HyperMD-list-line {
  padding-top: 0 !important;
  min-height: 1.8em;
}

.cm-s-obsidian pre.HyperMD-list-line > span * {
  padding-top: 0.61em !important;
}

```

That being said, it could be made better if the HTML was slightly better, or I spent longer than the 20 minutes I did on it.

---

_[View the full topic](https://forum.obsidian.md/t/vertical-lines-for-indents/442)._