- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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?
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;
}
Or just change the direction
yep I believe direction
is the best way, that’s the reason I suggested it as 1st solution ;)
I believe direction is the best way, that’s the reason I suggested it as 1st solution ;)
Oops. :)
Missed that.