Center/aling bullet points <ul>

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
    “”

    What have you tried?

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

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

    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

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

    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
    

    Solved
    Thanks

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