div驗證樣式

<style>
        .fi-tip .tip-text,.fop-tip .tip-text {
            font: 12px/150% Arial,Verdana,"\5b8b\4f53";
            color: #e4393c;
            display: inline-block;
            height: 16px;
            line-height: 16px;
            vertical-align: top;
        }
        .tip-icon, .fi-tip .tip-icon, .fop-tip .tip-icon {
            display: inline-block;
            background-image: url(/images/sprite-tip.png);
            background-repeat: no-repeat;
        }
        .fi-tip .tip-icon{
            width: 16px;
            height: 16px;
            margin-right: 5px;
            vertical-align: top;
            background-position: -20px -80px;
        }
        .fop-tip .tip-icon {
            width: 16px;
            height: 16px;
            margin-right: 5px;
            vertical-align: top;
            background-position: 0 -80px;
        }
    </style>      

<div class="fop-tip"><i class="tip-icon"></i><em class="tip-text">請為商品滿意度打分</em></div>
<div class="fi-tip"><i class="tip-icon"></i><em class="tip-text">請至少填寫一件商品的評價</em></div>
<div class="fop-tip"><i class="tip-icon"></i><em class="tip-text">請填寫完整的評價内容</em></div>      

效果圖：

驗證小圖示：