# List Items Vertically Spaced Evenly Within a Flexbox Container

**URL:** https://forum.kirupa.com/t/list-items-vertically-spaced-evenly-within-a-flexbox-container/640131
**Category:** web dev
**Created:** [August 6, 2019, 1:27pm UTC](https://forum.kirupa.com/t/list-items-vertically-spaced-evenly-within-a-flexbox-container/640131 "2019-08-06T13:27:10Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![AurturoJane](https://avatars.discourse-cdn.com/v4/letter/a/e68b1a/32.png) [@AurturoJane](https://forum.kirupa.com/u/AurturoJane)
#### Post date: [August 6, 2019, 1:27pm UTC](https://forum.kirupa.com/t/list-items-vertically-spaced-evenly-within-a-flexbox-container/640131/1 "2019-08-06T13:27:10Z")

</div>

Alright guys, I’m learning CSS right now, and I’m kind of stumped as to why I can’t get it to do what I want it to do. It’s probably something extremely simple that I’m overlooking.

I’m wanting to have an unordered list containing sub-lists vertically spaced evenly within a flexbox sidebar container and the sub-list items doing the same between each list item. Everything I’ve tried so far hasn’t had any effect on how the list items are displayed

Any help is appreciated.

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [August 6, 2019, 1:44pm UTC](https://forum.kirupa.com/t/list-items-vertically-spaced-evenly-within-a-flexbox-container/640131/2 "2019-08-06T13:44:30Z")

</div>

Hi Arturo - welcome! Do you have an example of the HTML and CSS for what you have tried? If you don’t have that, a screenshot or visual of what you are trying to do would help as well 🙂