Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Aligning an :after pseudo-element in a list

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 6, 2019 at 3:55 am #296985
    Jaydot
    Participant

    Hi,
    I’m am trying to place a small css-arrow after a list-item, aligning to the right.
    This works well when the list-item is just text, but when the list-item contains a link, I just can’t get it to work…
    Is it just not possible, or is there a way??
    Pen: https://codepen.io/Jaydot/pen/GRRKbbX
    Thanks!

    October 6, 2019 at 2:04 pm #296991
    vulkanus
    Participant

    Hi,

    remove: top: 50% from .withlinks li a:after{
    add:

    margin-top:12px;
    right: 10px;
    display: inline-block;

    try it

    October 7, 2019 at 1:31 am #297008
    Jaydot
    Participant

    @Vulkanus: ah, inline-block!! That makes a lot of difference :).
    Thank you!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.