aligning list items and bullets to the right

[drone4four]

Check out this test case: http://codepen.io/Angeles4four/pen/rLPXzj

How do I make the circle bullets appear to the right of each of the cat names along the right margin, instead of having the bullets appear all the way across the other side of the web page at the left margin?

[giudev]

Two solutions.

1)

ul {
 direction: rtl;
}

2)

.bullets-left {
    text-align: right;
    list-style-type: none;
    padding-right: 20px;
}

.bullets-left {
 text-align: right;
 list-style-type: none;
 padding-right: 20px;
 position: relative;
}

.bullets-left:after {
  content: "•";
  position: absolute;
  top: 0px;
  right: 0;
}

[Paulie_D]

Or just change the direction

http://codepen.io/Paulie-D/pen/QEoboA

[giudev]

yep I believe direction is the best way, that’s the reason I suggested it as 1st solution ;)

[Paulie_D]

I believe direction is the best way, that’s the reason I suggested it as 1st solution ;)

Oops. :)

Missed that.

[drone4four]

Thank you both, @giudev and @Paulie_D.

[Author]

Posts