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

Question

这是Fiddle。

我想这样做，以便箭头位于名称的右侧，无论名称有多大。

箭头没有正确放置，我一直在努力解决这个问题。

我知道这是非常简单的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

这样做

Demo

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;       
}