Center/aling bullet points <ul>

#1

How do i make my unordered list look like this

                        . 1999 - ect,ect
                        . 2001 - ect,ect,ect
                        . 2002 - ect

And not like this
. 1999 - ect,ect
. 2001 - ect,ect,ect
.2002 - ect

here is my code
“”
div class “row”>

    <ul>
      <li><strong>1898</strong> - Slip N' Slide / Bass Constructor (Remix)</li>
      <li><strong>1993</strong> -  Sound Control / Feel It

(with Randall)

  • 1994 - Cool Down / Roll On

  • 1995 -

  • 1996 -

  • 2001 -

  • 1898 -



    • </div
    “”
    #2

    What have you tried?

    #3

    class=“col-md-3 col-md-offset-1”

    image
    image571×628 9.28 KB

    #4

    I think that you have the syntax wrong for offsetting columns: docs

    #5

    Hmmm i not sure no matter what i do i can not get the point and date to stayed fixed.

    https://codepen.io/brisky44/pen/LQyXJG

    #6

    What exactly is the problem you’re having? When I look at your codepen, I see your list is centered.

    #7

    So i want the list to be center of the page but with each bullet point and date fixed in place “not to readjust move left right as text gets longer”
    it currently looks likes this

              Andrew Clarke "Andy C" Timeline
                           Singles
                  . 1999 - ect,ect
                 . 2000 - ect,ect,ect
                    . 2001 - cct

    but i would like it to look like this

                 Andrew Clarke "Andy C" Timeline
                             Singles
                    . 1999 - ect,ect
                    . 2001 - ect,ect,ect
                    . 2002 - ect

    image
    image1923×704 157 KB

    #8

    Solved
    Thanks

    **div class=“col-md-3 col-md-offset-1” style=“text-align:left”>