.field-validation-error {
    width: 100%;
    
    display: inline-block;
    position: absolute;
    top: -30px;
    left: 10px;
    height: 0px;
    white-space: nowrap;
}

    .field-validation-error span {
        border-radius: 4px;
        padding: 5px 5px 5px 5px;
        background-color: #FFE6BF;
        position: relative;
        border: 2px solid red;
    }

        .field-validation-error span:after {
            content: ' ';
            height: 0;
            position: absolute;
            width: 0;
            border: 10px solid transparent;
            border-top-color: #FFE6BF;
            top: 100%;
            left: 10px;
        }

        .field-validation-error span:before {
            content: ' ';
            height: 0;
            position: absolute;
            width: 0;
            border: 13px solid transparent;
            border-top-color: red;
            top: 100%;
            left: 7px;
        }