# How to make unordered lists like example Tribute page

**URL:** <https://forum.freecodecamp.org/t/how-to-make-unordered-lists-like-example-tribute-page/272860>\
**Category:** General\
**Created:** [April 21, 2019, 6:36pm UTC](https://forum.freecodecamp.org/t/how-to-make-unordered-lists-like-example-tribute-page/272860 "2019-04-21T18:36:22Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nanneparty](https://avatars.discourse-cdn.com/v4/letter/n/ec9cab/32.png) [@Nanneparty](https://forum.freecodecamp.org/u/Nanneparty)\
**Post date:** [April 21, 2019, 6:36pm UTC](https://forum.freecodecamp.org/t/how-to-make-unordered-lists-like-example-tribute-page/272860/1 "2019-04-21T18:36:22Z")

</div>

Hi there,

I am wondering how I can center and align my lists just like the example tribute page:

[https://codepen.io/freeCodeCamp/full/zNqgVx](https://codepen.io/freeCodeCamp/full/zNqgVx)

Here is my own page, where you can see the problem (@ John Mayer’s top 3 albums section):

[https://codepen.io/Nanneparty/pen/dLdJry](https://codepen.io/Nanneparty/pen/dLdJry)

I tried to do the same as the example page but my text and bullets are just all over the place. Which I don’t understand, because I do the same as in the example page.

---

<div class="post-metadata">

**Author:** ![Nanneparty](https://avatars.discourse-cdn.com/v4/letter/n/ec9cab/32.png) [@Nanneparty](https://forum.freecodecamp.org/u/Nanneparty)\
**Post date:** [April 22, 2019, 4:08pm UTC](https://forum.freecodecamp.org/t/how-to-make-unordered-lists-like-example-tribute-page/272860/3 "2019-04-22T16:08:05Z")

</div>

Well I used some code from stack overflow, which helped me a bit:

```auto
ul {display: inline-block;
text-align: left;}

```

but still, the h3 heading (John Mayer’s top 3 albums) is still a bit too much to the right in my opinion. So adding this code feels more like a quick fix rather than actually having a fundamental solution (like in the example tribute page).

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 9:51am UTC](https://forum.freecodecamp.org/t/how-to-make-unordered-lists-like-example-tribute-page/272860/4 "2021-01-17T09:51:06Z")

</div>