html - 无法为菜单选项正确放置箭头

Question

这是小提琴。

我想让箭头指向名称的右侧，无论名称有多大。

箭头没有正确放置，我一直在努力弄清楚。

我知道这是超级简单的 CSS，但我只是遇到了这个问题。

感谢您的所有回答！

#menu #container #right_menu_options #user span.arrow{
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid white;
        float: right;
        position: absolute;
        margin-top: 8px;
    }

Answer 1

像这样做

演示

CSS

#menu #container #right_menu_options #user span.arrow{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid white;
    position: absolute;
    right: 3px;
    top: 17px;
}
#menu #container #right_menu_options #user p{
    margin-top: 9px;
    position: relative;
    padding-right: 10px;       
}