[passcheck="1"] + span {
    position:relative;
}
    [passcheck="1"] + span:after {
        position: absolute;
        content: '';
        right: 190px;
        top: -35px;
        width: 100px;
        color: #fff;
        border-radius: 5px;
        padding: 6px 12px;
        font-size: 12px;
        line-height: 1.6;
    }
    [passcheck="1"] + span.short:after {
        content: 'بسیار کوتاه';
        background-color: #d9534f;
    }
    [passcheck="1"] + span.weak:after {
        content: 'ضعیف';
        background-color: #E66C2C;
    }
    [passcheck="1"] + span.normal:after {
        content: 'معمولی';
        background-color: #2D98F3;
    }
    [passcheck="1"] + span.strong:after {
        content: 'قوی';
        background-color: #006400;
    }