html - CSS3 箭头不显示

Question

我正在尝试创建一个右中心有箭头的框。到目前为止，我有以下代码，但它没有显示和想法？

CSS:

    .pageHelp{
    float:right;
    margin:10px 20px 0 0;
    width:85px;
    height:25px;
    border-radius:3px;
    background-color:#354E69;
}
.pageHelp p{
    color:#000;
    padding:5px;
    text-align:center;
}
.pageHelp .arrow{
    width:0;
    height:0;
    border-top:3px solid transparent;
    border-bottom:3px solid transparent;
    border-left:3px solid #354E69;
}

HTML:

<div class="pageHelp arrow"><p>In Page Help</p></div>

Answer 1

你应该看看 css3arrowsplease